/* Brand, typography, spacing, layering and motion tokens. */
:root {
	--navy-900: #061123;
	--navy-700: #103058;
	--red: #e01e2b;
	--red-deep: #b2101c;
	--paper: #f5f7fa;
	--ink: #0b1523;
	--white: #fff;
	--font-display: "Bricolage Grotesque", sans-serif;
	--font-body: Inter, sans-serif;
	--font-mono: "JetBrains Mono", monospace;
	--type-display: clamp(4rem, 9.72vw, 8.75rem);
	--type-h1: clamp(3.25rem, 7vw, 6.5rem);
	--type-h2: clamp(2.6rem, 5vw, 5rem);
	--type-h3: clamp(1.5rem, 2.5vw, 2.25rem);
	--type-body: clamp(1rem, 1.15vw, 1.125rem);
	--type-small: clamp(0.8125rem, 0.9vw, 0.9375rem);
	--space-1: 0.5rem;
	--space-2: 1rem;
	--space-3: 1.5rem;
	--space-4: 2rem;
	--space-5: 3rem;
	--space-6: 5rem;
	--space-7: 8rem;
	--space-8: clamp(6rem, 12vw, 12rem);
	--radius-sm: 0.4rem;
	--radius-md: 0.75rem;
	--radius-lg: 1.25rem;
	--radius-pill: 999px;
	--shadow-sm: 0 4px 16px #06112312;
	--shadow: 0 16px 50px #06112316;
	--shadow-lg: 0 24px 70px #06112330;
	--z-base: 0;
	--z-header: 20;
	--z-floating: 25;
	--z-menu: 30;
	--z-overlay: 50;
	--z-cursor: 60;
	--duration-fast: 180ms;
	--duration-normal: 400ms;
	--duration-slow: 800ms;
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}