/* TCS Replica — design tokens (values measured from the reference site's rendered design) */

:root {
	/* Type */
	--font-family: "Untitled Sans", "Instrument Sans", Inter, -apple-system, "Helvetica Neue", Arial, sans-serif;
	--heading-font-family: "Feature Deck", "Playfair Display", Georgia, serif;
	--font-weight-light: 300;
	--font-weight-default: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--line-height: 1.5;
	--heading-line-height: 1.2;
	--heading-letter-spacing: 0;
	--h1-spacing: 0.1851851852em;
	--h2-spacing: 0.225em;
	--h3-spacing: 0.3125em;
	--h4-spacing: 0.4em;
	--h5-spacing: 0.1818181818em;
	--h6-spacing: 0.2222222222em;
	--typography-spacing: 1.875em;

	/* Layout */
	--wrap-width: 80rem;
	--wrap-width-narrow: 45rem;
	--wrap-width-large: 56.25rem;
	--grid-section-gutter: 1.875rem;
	--grid-row-gutter: 0.9375rem;
	--grid-col-gutter: 0.9375rem;
	--header-height: 80px;
	--header-z-index: 10;
	--modal-z-index: 101;

	/* Radii (defined, but buttons/cards render square) */
	--border-radius-large: 8px;
	--border-radius-default: 5px;
	--border-radius-small: 4px;
	--border-radius-xsmall: 2px;

	/* Palette */
	--color-black: #000;
	--color-white: #fff;
	--color-bunker: #24272a;
	--color-bunker-dark: #16191b;
	--color-blue-dark: #062c46;
	--color-blue: #1a84a8;
	--color-sky-blue: #bee1fb;
	--color-sky-blue-dark: #a3cdec;
	--color-tan: #c0b58d;
	--color-tan-dark: #a09673;
	--color-sand: #eeebe8;
	--color-navy: #062c46;
	--color-navy-dark: #042033;
	--color-gray-900: #3f3f3f;
	--color-gray-800: #585858;
	--color-gray-700: #828282;
	--color-gray-600: #9e9e9e;
	--color-gray-500: #bababa;
	--color-gray-400: #cbcbcb;
	--color-gray-300: #d6d6d6;
	--color-gray-200: #e6e6e6;
	--color-gray-100: #f1f1f1;
	--color-green: #4fa590;
	--color-red: #d94557;
	--color-yellow: #d6ba71;
	--color-soft-white: #fefefc;
	--color-soft-black: #17191b;
	--color-silver: #736e6d;
	--color-brass-1: #d3b684;
	--color-brass-2: #dfcdaf;
	--color-brass-3: #eeece5;
	--color-brass-4: #cdc6ab;
	--color-burgundy-1: #1c0a13;
	--color-burgundy-2: #2d161e;
	--color-burgundy-3: #58444b;

	/* Motion */
	--ease-in-out-quart: cubic-bezier(0.87, 0, 0.13, 1);
	--ease-in-out-quad: cubic-bezier(0.42, 0, 0.58, 1);
	--transition-time: 0.3s;
	--transition-easing: var(--ease-in-out-quad);
	--box-shadow-default: 0 15px 20px 0 #0003;
	--scale-size: 1.02;

	/* Forms */
	--forms-border-radius: 2px;
	--forms-field-spacing: 15px;
	--forms-border-color: var(--color-brass-3);
	--buttons-font-size: 13px;
}

@media screen and (min-width: 400px) {
	:root {
		--grid-row-gutter: calc(2.08333vw + 6.66667px);
		--grid-col-gutter: calc(2.08333vw + 6.66667px);
	}
}

@media screen and (min-width: 576px) {
	:root { --forms-field-spacing: 20px; }
}

@media screen and (min-width: 768px) {
	:root {
		--grid-section-gutter: calc(3.33333vw + 12px);
		--header-height: 100px;
	}
}

@media screen and (min-width: 1024px) {
	:root { --box-shadow-default: 0 20px 25px 0 #0003; }
}

@media screen and (min-width: 1280px) {
	:root {
		--grid-row-gutter: 1.875rem;
		--grid-col-gutter: 1.875rem;
		--header-height: 120px;
	}
}

@media screen and (min-width: 1600px) {
	:root { --grid-section-gutter: 3.125rem; }
}