/* ==========================================================================
   Fonts — Geogrotesque (official brand typeface)
   ========================================================================== */

@font-face {
	font-family: "Geogrotesque";
	src: url("../fonts/Geogrotesque-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geogrotesque";
	src: url("../fonts/Geogrotesque-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geogrotesque";
	src: url("../fonts/Geogrotesque-SemiBold.otf") format("opentype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geogrotesque Condensed";
	src: url("../fonts/GeogrotesqueCondensed-Light.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geogrotesque Condensed";
	src: url("../fonts/GeogrotesqueCondensed-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   Design tokens
   ========================================================================== */

:root {
	/* Brand palette — off-white dominant, orange only for calls to action,
	   dark navy for sophistication accents (per brand positioning book). */
	--color-bg: #faf8f5;
	--color-surface: #ffffff;
	--color-ink: #14181f;
	--color-ink-soft: #454c58;
	--color-muted: #6b7280;
	--color-border: #e8e3da;
	--color-orange: #f28721;
	--color-orange-dark: #d96e13;
	--color-navy: #18222f;
	--color-navy-soft: #232f40;
	--color-blue: #47c1f0;
	--color-blue-dark: #1f9fd4;

	--font-body: "Geogrotesque", "Helvetica Neue", Arial, sans-serif;
	--font-display: "Geogrotesque Condensed", "Geogrotesque", Arial, sans-serif;

	--container: 1240px;
	--radius-sm: 6px;
	--radius-md: 14px;
	--radius-lg: 24px;

	--space-1: 8px;
	--space-2: 16px;
	--space-3: 24px;
	--space-4: 40px;
	--space-5: 64px;
	--space-6: 96px;
	--space-7: 140px;

	--ease: cubic-bezier(0.16, 1, 0.3, 1);
}