@charset "UTF-8";

:root {
	--color-brand-navy: #0f2240;
	--color-brand-navy-light: #1a3a6b;
	--color-action-primary: #1b47c2;
	--color-action-primary-hover: #2454d8;
	--color-action-primary-dark: #1e3a8a;
	--color-accent-blue: #3b82f6;
	--color-status-success: #16a34a;
	--color-surface-page: #ffffff;
	--color-surface-subtle: #f8fafc;
	--color-surface-accent: #eff6ff;
	--color-border-default: #e2e8f0;
	--color-border-accent: #d0deff;
	--color-text-heading: #182033;
	--color-text-body: #3a4354;
	--color-text-muted: #66748a;
	--color-text-subtle: #94a3b8;
	--color-text-navigation: #374151;

	--font-family-sans: 'Inter', sans-serif;
	--font-family-display: 'Ethnocentric', sans-serif;
	--font-size-xs: 0.75rem;
	--font-size-sm: 0.82rem;
	--font-size-md: 0.95rem;
	--font-size-base: 1rem;
	--font-size-lg: 1.125rem;
	--font-size-xl: 1.2rem;
	--font-size-2xl: 1.4rem;
	--font-size-3xl: 1.75rem;
	--font-size-4xl: 2rem;
	--font-size-display: 4rem;
	--font-size-display-mobile: clamp(2.2rem, 10vw, 3.15rem);
	--font-size-logo: min(3.6vw, 2.5rem);
	--font-size-logo-mobile: clamp(1.75rem, 7.8vw, 2.3rem);

	--letter-spacing-none: 0;
	--letter-spacing-body: 0.01em;
	--letter-spacing-tight: 0.015em;
	--letter-spacing-ui: 0.025em;
	--letter-spacing-nav: 0.16em;
	--letter-spacing-label: 0.09em;
	--letter-spacing-eyebrow: 0.14em;
	--letter-spacing-case-label: 0.18em;
	--letter-spacing-case-heading: 0.035em;
	--letter-spacing-title: 0.12em;
	--letter-spacing-display-name: 0.28em;
	--letter-spacing-display-name-mobile: 0.14em;
	--letter-spacing-display-title: 0.22em;
	--letter-spacing-display-subtitle: 0.2em;
	--line-height-none: 1;
	--line-height-tight: 1.18;
	--line-height-snug: 1.3;
	--line-height-normal: 1.5;
	--line-height-relaxed: 1.66;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-8: 3rem;
	--control-min-size: 2.75rem;
	--layout-nav-height: 4.6rem;
	--radius-sm: 0.5rem;
	--radius-md: 0.75rem;
	--radius-lg: 1rem;
	--radius-pill: 999px;
	--shadow-card: 0 0.625rem 1.875rem rgb(15 34 64 / 8%);
	--motion-standard: 0.25s ease;
	--focus-ring: 3px solid var(--color-action-primary);
}