/* Design tokens (spec section 2). Only these colors are used. */
:root {
	--nt-navy: #002759;
	--nt-blue: #385DA0;
	--nt-light: #C7E3F9;
	--nt-white: #FFFFFF;

	--nt-text: #2B3A4F;
	--nt-text-2: #43536A;
	--nt-muted: #5B6A80;
	--nt-surface: #F6F9FD;
	--nt-border: #E6EBF2;
	--nt-border-2: #C9D6E8;
	--nt-error: #8A1C1C;
	--nt-error-bg: #FBEFEF;
	--nt-neutral-badge: #EEF1F5;

	--nt-font-head: "Montserrat", sans-serif;
	--nt-font-body: "Lato", sans-serif;

	--nt-radius-sm: 10px;
	--nt-radius-md: 16px;
	--nt-radius-lg: 24px;
	--nt-radius-xl: 28px;
	--nt-radius-pill: 20px;

	--nt-max: 1200px;
	--nt-max-checkout: 1160px;
	--nt-gutter: 24px;

	--nt-shadow-img: 0 24px 50px rgba(0, 39, 89, .16);
	--nt-shadow-modal: 0 30px 80px rgba(0, 39, 89, .30);
	--nt-shadow-soft: 0 10px 30px rgba(0, 39, 89, .08);

	--nt-ease: .2s ease;
	--nt-header-h: 84px;
}

@media (max-width: 860px) {
	:root {
		--nt-gutter: 18px;
		--nt-radius-sm: 12px;
		--nt-header-h: 64px;
	}
}