/* Generated by build.py from config/brand-tokens.yaml. */
:root {
  --sunphi-yellow: #D7AC2A;
  --sunphi-gray: #8D8E8E;
  --sunphi-navy: #003B72;
  --sunphi-ink: #091E27;
  --yellow-50: #FBF6E6;
  --yellow-100: #F5E9BD;
  --yellow-200: #EDD98A;
  --yellow-300: #E5C857;
  --yellow-400: #DDBA38;
  --yellow-500: #D7AC2A;
  --yellow-600: #B68F1F;
  --yellow-700: #8E6F18;
  --yellow-800: #654F11;
  --yellow-900: #3F320A;
  --navy-50: #E6EEF6;
  --navy-100: #C2D4E6;
  --navy-200: #8FAFD0;
  --navy-300: #5B89BA;
  --navy-400: #2F66A1;
  --navy-500: #0A4C8B;
  --navy-600: #00427C;
  --navy-700: #003B72;
  --navy-800: #002E59;
  --navy-900: #001E3B;
  --ink-50: #EEF2F4;
  --ink-100: #D5DCE0;
  --ink-200: #A8B5BC;
  --ink-300: #7A8C95;
  --ink-400: #52666F;
  --ink-500: #324851;
  --ink-600: #1F343D;
  --ink-700: #142932;
  --ink-800: #0D232C;
  --ink-900: #091E27;
  --gray-50: #FAF9F7;
  --gray-100: #F2F1EE;
  --gray-200: #E4E3DF;
  --gray-300: #CFCECA;
  --gray-400: #B0B0AD;
  --gray-500: #8D8E8E;
  --gray-600: #6F7070;
  --gray-700: #545555;
  --gray-800: #3A3B3B;
  --gray-900: #1F2020;
  --danger: #B23B3B;
  --surface-default: var(--gray-50);
  --surface-raised: #FFFFFF;
  --surface-muted: var(--gray-100);
  --surface-inverse: var(--ink-900);
  --surface-warm: #F6F2EA;
  --text-primary: var(--ink-900);
  --text-secondary: var(--gray-700);
  --text-tertiary: var(--gray-600);
  --text-inverse: #FFFFFF;
  --text-eyebrow: #8A6A12;
  --text-helper: #5A6770;
  --border-subtle: var(--gray-200);
  --border-strong: var(--gray-300);
  --accent: var(--yellow-500);
  --accent-hover: var(--yellow-600);
  --focus-ring: rgba(215, 172, 42, 0.70);
  --font-display: 'Outfit','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-body: 'DM Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;
  --fs-eyebrow: 1.3rem;
  --fs-body: 1.0625rem;
  --fs-body-lg: 1.1875rem;
  --fs-h4: 1.25rem;
  --fs-h3: clamp(1.25rem, 1.6vw, 1.5rem);
  --fs-h2: clamp(1.75rem, 4.6vw, 3rem);
  --fs-h1: clamp(2.125rem, 8vw, 4.75rem);
  --lh-tight: 1.12;
  --lh-snug: 1.4;
  --lh-body: 1.65;
  --lh-prose: 1.75;
  --shadow-xs: 0 1px 2px rgba(9,30,39,.04);
  --shadow-sm: 0 2px 6px rgba(9,30,39,.05), 0 1px 2px rgba(9,30,39,.04);
  --shadow-md: 0 8px 20px -6px rgba(9,30,39,.08), 0 2px 6px rgba(9,30,39,.04);
  --shadow-lg: 0 18px 36px -10px rgba(9,30,39,.12), 0 4px 10px rgba(9,30,39,.05);
  --shadow-focus: 0 0 0 3px var(--focus-ring);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --container-max: none;
  --container-pad: clamp(24px, 5vw, 48px);
  --prose-max: 68ch;
  --section-y: clamp(72px, 9vw, 128px);
  --nav-h: 72px;
  --scrim-top: linear-gradient(180deg, rgba(9,30,39,.65) 0%, rgba(9,30,39,0) 35%);
  --scrim-bottom: linear-gradient(0deg,  rgba(9,30,39,.55) 0%, rgba(9,30,39,0) 45%);
  --motion-duration-xs: 140ms;
  --motion-duration-sm: 220ms;
  --motion-duration-md: 320ms;
  --motion-ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
}
