/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-white: #FFFFFF;
  --primitive-color-ink-700: #444441;
  --primitive-color-ink-800: #2C2C2A;
  --primitive-color-ink-900: #1A1A18;
  --primitive-color-ink-950: #171815;
  --primitive-color-navy-800: #0A3560;
  --primitive-color-navy-900: #042C53;
  --primitive-color-brand-50: #E6F1FB;
  --primitive-color-brand-100: #B5D4F4;
  --primitive-color-brand-200: #85B7EB;
  --primitive-color-brand-300: #5499E2;
  --primitive-color-brand-400: #378ADD;
  --primitive-color-brand-500: #1A6BCE;
  --primitive-color-brand-600: #185FA5;
  --primitive-color-brand-700: #176BD0;
  --primitive-color-brand-800: #0C447C;
  --primitive-color-brand-900: #0A3560;
  --primitive-color-warm-50: #F8F7F4;
  --primitive-color-warm-100: #FAF9F6;
  --primitive-color-warm-150: #F4F1EA;
  --primitive-color-warm-200: #F1EFE8;
  --primitive-color-warm-250: #E5E3DC;
  --primitive-color-warm-300: #D3D1C7;
  --primitive-color-warm-400: #B4B2A9;
  --primitive-color-warm-450: #A8A8A2;
  --primitive-color-warm-500: #888780;
  --primitive-color-warm-600: #5F5E5A;
  --primitive-color-band-bg: #171815;
  --primitive-color-band-text: #F3F0E9;
  --primitive-color-band-text-2: #E4E0D7;
  --primitive-color-band-text-3: #D7D3CA;
  --primitive-color-band-text-4: #BCB9AE;
  --primitive-color-band-text-5: #8F8C84;
  --primitive-color-band-line: #D2CDC2;
  --primitive-color-band-line-2: #E7E2D8;
  --primitive-color-band-line-3: #C7C1B5;
  --primitive-color-band-surface: #F0ECE2;
  --primitive-color-band-muted: #9EB5C8;
  --primitive-color-band-divider: rgba(229,227,220,.26);
  --primitive-color-band-divider-2: rgba(229,227,220,.64);
  --primitive-color-amber-50: #FAEEDA;
  --primitive-color-amber-100: #FAC775;
  --primitive-color-amber-300: #E89234;
  --primitive-color-amber-400: #EF9F27;
  --primitive-color-amber-500: #EF9C20;
  --primitive-color-amber-600: #BA7517;
  --primitive-color-amber-700: #9A5A1A;
  --primitive-color-amber-800: #854F0B;
  --primitive-color-amber-fg: #412402;
  --primitive-color-amber-fg-deep: #633806;
  --primitive-color-section-earth-line: #A06D42;
  --primitive-color-section-earth-surface: #F4F0E7;
  --primitive-color-section-clay-line: #D7792A;
  --primitive-color-section-clay-surface: #FFF3E4;
  --primitive-color-section-ochre-line: #D7842D;
  --primitive-color-section-ochre-surface: #FFF0D7;
  --primitive-color-section-teal-line: #2C7D83;
  --primitive-color-section-teal-surface: #EAF6F1;
  --primitive-color-section-forest-line: #176B62;
  --primitive-color-section-forest-surface: #F1F5F0;
  --primitive-color-section-moss-line: #639922;
  --primitive-color-section-moss-surface: #EAF3DE;
  --primitive-color-section-sky-line: #4F8DCA;
  --primitive-color-section-sky-surface: #EDF4FA;
  --primitive-color-section-sky-surface-2: #E6F0FA;
  --primitive-color-section-sky-surface-3: #EAF2FA;
  --primitive-color-section-line: #D4CEC2;
  --primitive-color-section-line-2: #CAD8C5;
  --primitive-color-section-line-3: #D9CFBC;
  --primitive-color-section-line-4: #C8DDEC;
  --primitive-color-section-neutral-surface: #F3F1EC;
  --primitive-color-section-neutral-surface-2: #F0EFE9;
  --primitive-color-status-danger: #E24B4A;
  --primitive-color-status-danger-surface: #FCEBEB;
  --primitive-color-overlay-dark-04: rgba(26,26,24,.04);
  --primitive-color-overlay-dark-05: rgba(26,26,24,.05);
  --primitive-color-overlay-dark-06: rgba(26,26,24,.06);
  --primitive-color-overlay-dark-07: rgba(26,26,24,.07);
  --primitive-color-overlay-dark-08: rgba(26,26,24,.08);
  --primitive-color-overlay-dark-10: rgba(26,26,24,.10);
  --primitive-color-overlay-dark-12: rgba(26,26,24,.12);
  --primitive-color-overlay-scrim: rgba(26,26,24,.4);
  --primitive-color-overlay-black-18: rgba(0,0,0,.18);
  --primitive-color-overlay-black-35: rgba(0,0,0,.35);
  --primitive-color-overlay-white-06: rgba(255,255,255,.06);
  --primitive-color-overlay-white-08: rgba(255,255,255,.08);
  --primitive-color-overlay-white-10: rgba(255,255,255,.10);
  --primitive-color-overlay-white-12: rgba(255,255,255,.12);
  --primitive-color-overlay-white-14: rgba(255,255,255,.14);
  --primitive-color-overlay-white-16: rgba(255,255,255,.16);
  --primitive-color-overlay-white-18: rgba(255,255,255,.18);
  --primitive-color-overlay-white-72: rgba(255,255,255,.72);
  --primitive-color-overlay-white-78: rgba(255,255,255,.78);
  --primitive-color-overlay-white-90: rgba(255,255,255,.90);
  --primitive-color-overlay-white-92: rgba(255,255,255,.92);
  --primitive-color-overlay-white-95: rgba(255,255,255,.95);
  --primitive-color-overlay-white-96: rgba(255,255,255,.96);
  --primitive-color-overlay-brand-glow: rgba(83,153,226,.22);
  --primitive-color-overlay-brand-glow-2: rgba(83,153,226,.18);
  --primitive-color-overlay-brand-tint: rgba(133,183,235,.20);
  --primitive-color-overlay-amber-glow: rgba(250,199,117,.10);
  --primitive-color-overlay-amber-tint: rgba(250,199,117,.16);
  --primitive-color-overlay-slate-10: rgba(25,56,80,.10);
  --primitive-color-overlay-slate-14: rgba(25,56,80,.14);
  --primitive-color-overlay-slate-16: rgba(25,56,80,.16);
  --primitive-color-overlay-slate-shadow: rgba(25,34,42,.08);
  --primitive-color-overlay-navy-75: rgba(4,44,83,.75);
  --primitive-color-overlay-navy-0: rgba(4,44,83,0);
}

/* === SEMANTIC === */
:root {
  --color-surface-page: #F8F7F4;
  --color-surface-card: #FFFFFF;
  --color-surface-subtle: #FAF9F6;
  --color-surface-muted: #F1EFE8;
  --color-surface-header: #F4F1EA;
  --color-surface-dark: #1A1A18;
  --color-surface-navy: #042C53;
  --color-surface-band: #171815;
  --color-surface-brand-soft: #E6F1FB;
  --color-surface-accent-soft: #FAEEDA;
  --color-text-primary: #1A1A18;
  --color-text-secondary: #5F5E5A;
  --color-text-muted: #888780;
  --color-text-subtle: #B4B2A9;
  --color-text-on-dark: #FFFFFF;
  --color-text-on-dark-secondary: #E4E0D7;
  --color-text-on-dark-muted: #D7D3CA;
  --color-text-on-dark-subtle: #8F8C84;
  --color-text-footer: #D3D1C7;
  --color-text-footer-muted: #A8A8A2;
  --color-text-nav: #444441;
  --color-brand: #1A6BCE;
  --color-brand-strong: #185FA5;
  --color-brand-soft: #B5D4F4;
  --color-brand-pale: #E6F1FB;
  --color-accent: #EF9F27;
  --color-accent-strong: #854F0B;
  --color-accent-soft: #FAC775;
  --color-link: #185FA5;
  --color-border: #D3D1C7;
  --color-border-strong: #B4B2A9;
  --color-border-subtle: #E5E3DC;
  --color-border-on-dark: rgba(255,255,255,.12);
  --color-focus-ring: #85B7EB;
  --color-danger: #E24B4A;
  --color-danger-surface: #FCEBEB;
  --color-success: #639922;
  --color-success-surface: #EAF3DE;
  --color-text-body: #2C2C2A;
  --color-text-on-dark-band: #F3F0E9;
  --color-text-on-dark-faint: #BCB9AE;
  --color-band-line: #D2CDC2;
  --color-band-line-2: #E7E2D8;
  --color-band-line-3: #C7C1B5;
  --color-band-surface: #F0ECE2;
  --color-band-muted: #9EB5C8;
  --color-brand-cta: #176BD0;
  --color-brand-soft-2: #85B7EB;
  --color-brand-line: #5499E2;
  --color-brand-line-2: #378ADD;
  --color-brand-deep: #0C447C;
  --color-brand-deep-2: #0A3560;
  --color-accent-mid: #E89234;
  --color-accent-deep-2: #BA7517;
  --color-accent-line: #EF9C20;
  --color-accent-deep: #9A5A1A;
  --color-accent-fg: #412402;
  --color-accent-fg-deep: #633806;
  --color-section-earth-line: #A06D42;
  --color-section-earth-surface: #F4F0E7;
  --color-section-clay-line: #D7792A;
  --color-section-clay-surface: #FFF3E4;
  --color-section-ochre-line: #D7842D;
  --color-section-ochre-surface: #FFF0D7;
  --color-section-teal-line: #2C7D83;
  --color-section-teal-surface: #EAF6F1;
  --color-section-forest-line: #176B62;
  --color-section-forest-surface: #F1F5F0;
  --color-section-moss-line: #639922;
  --color-section-moss-surface: #EAF3DE;
  --color-section-sky-line: #4F8DCA;
  --color-section-sky-surface: #EDF4FA;
  --color-section-sky-surface-2: #E6F0FA;
  --color-section-sky-surface-3: #EAF2FA;
  --color-section-line: #D4CEC2;
  --color-section-line-2: #CAD8C5;
  --color-section-line-3: #D9CFBC;
  --color-section-line-4: #C8DDEC;
  --color-section-neutral-surface: #F3F1EC;
  --color-section-neutral-surface-2: #F0EFE9;
  --color-overlay-dark-04: rgba(26,26,24,.04);
  --color-overlay-dark-05: rgba(26,26,24,.05);
  --color-overlay-dark-06: rgba(26,26,24,.06);
  --color-overlay-dark-07: rgba(26,26,24,.07);
  --color-overlay-dark-08: rgba(26,26,24,.08);
  --color-overlay-dark-10: rgba(26,26,24,.10);
  --color-overlay-dark-12: rgba(26,26,24,.12);
  --color-overlay-scrim: rgba(26,26,24,.4);
  --color-overlay-black-18: rgba(0,0,0,.18);
  --color-overlay-black-35: rgba(0,0,0,.35);
  --color-overlay-white-06: rgba(255,255,255,.06);
  --color-overlay-white-08: rgba(255,255,255,.08);
  --color-overlay-white-10: rgba(255,255,255,.10);
  --color-overlay-white-12: rgba(255,255,255,.12);
  --color-overlay-white-14: rgba(255,255,255,.14);
  --color-overlay-white-16: rgba(255,255,255,.16);
  --color-overlay-white-18: rgba(255,255,255,.18);
  --color-overlay-white-72: rgba(255,255,255,.72);
  --color-overlay-white-78: rgba(255,255,255,.78);
  --color-overlay-white-90: rgba(255,255,255,.90);
  --color-overlay-white-92: rgba(255,255,255,.92);
  --color-overlay-white-95: rgba(255,255,255,.95);
  --color-overlay-white-96: rgba(255,255,255,.96);
  --color-overlay-brand-glow: rgba(83,153,226,.22);
  --color-overlay-brand-glow-2: rgba(83,153,226,.18);
  --color-overlay-brand-tint: rgba(133,183,235,.20);
  --color-overlay-amber-glow: rgba(250,199,117,.10);
  --color-overlay-amber-tint: rgba(250,199,117,.16);
  --color-overlay-slate-10: rgba(25,56,80,.10);
  --color-overlay-slate-14: rgba(25,56,80,.14);
  --color-overlay-slate-16: rgba(25,56,80,.16);
  --color-overlay-slate-shadow: rgba(25,34,42,.08);
  --color-overlay-navy-75: rgba(4,44,83,.75);
  --color-overlay-navy-0: rgba(4,44,83,0);
  --color-band-divider: rgba(229,227,220,.26);
  --color-band-divider-2: rgba(229,227,220,.64);
}

/* === COMPONENTS === */
:root {
  --button-primary-bg: #1A6BCE;
  --button-primary-fg: #FFFFFF;
  --button-primary-hover-bg: #185FA5;
  --button-radius: 8px;
  --nav-bg: rgba(255,255,255,.95);
  --nav-fg: #444441;
  --nav-border: #E5E3DC;
  --card-bg: #FFFFFF;
  --card-border: #D3D1C7;
  --footer-bg: #1A1A18;
  --footer-fg: #D3D1C7;
}