/* ═══════════════════════════════════════════════════════════
   1809 ARCTIC — DESIGN TOKENS
   "Boardwalk Deco" — ink-navy night, lamplight champagne,
   alabaster paper, drafting-set hairlines.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* — Atlantic navy family — crisp coastal, not gotham black */
  --ink-900: #0E2140;   /* footer accents, deepest navy */
  --ink-800: #143055;   /* primary navy */
  --ink-700: #1B3D69;   /* raised navy panel */
  --ink-600: #2A4F7E;   /* navy borders, cards */
  --ink-500: #3E6494;   /* muted navy accents */

  /* — Paper (light) family — crisp near-white */
  --paper-50:  #FCFBF7; /* primary light bg, near white */
  --paper-100: #F5F3EB; /* warm panel */
  --paper-200: #E8E4D5; /* borders on paper */
  --paper-300: #D3CCB6; /* deeper paper accent */

  /* — Champagne / brass — the lamplight */
  --brass-300: #E3C886; /* highlights on dark */
  --brass-400: #D4B26A; /* primary accent */
  --brass-500: #C8A45C; /* buttons, rules */
  --brass-600: #A8854A; /* mid brass */
  --brass-700: #8C6D3A; /* accent on paper (AA on alabaster) */
  --brass-800: #6E5430; /* deep brass text on paper */

  /* — Atlantic dusk — secondary cool accent */
  --dusk-400: #7FA0C8;
  --dusk-600: #46688F;
  --dusk-800: #24405F;

  /* — Text */
  --text-on-dark:        #F4F1E8;
  --text-on-dark-muted:  rgba(244, 241, 232, 0.70);
  --text-on-dark-faint:  rgba(244, 241, 232, 0.45);
  --text-on-paper:       #182238;
  --text-on-paper-muted: #45506B;
  --text-on-paper-faint: #8A8B7E;

  /* — Status */
  --status-done:     #7FB58A;
  --status-active:   var(--brass-400);
  --status-upcoming: rgba(239, 233, 218, 0.40);

  /* — Type */
  --font-display: "Fraunces", "Georgia", "Times New Roman", serif;
  --font-body: "Hanken Grotesk", "Avenir Next", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* — Scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.05rem;
  --text-md: 1.2rem;
  --text-lg: 1.45rem;
  --text-xl: clamp(1.8rem, 3.2vw, 2.6rem);
  --text-2xl: clamp(2.4rem, 5vw, 4rem);
  --text-hero: clamp(3.2rem, 9.5vw, 8.2rem);

  /* — Rhythm */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 2.75rem;
  --space-5: 4.5rem;
  --space-6: 7rem;
  --section-pad: clamp(4.5rem, 10vw, 8.5rem);
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --measure: 62ch;
  --container: 1280px;

  /* — Lines & edges */
  --hairline-dark: 1px solid rgba(212, 178, 106, 0.28);
  --hairline-paper: 1px solid rgba(140, 109, 58, 0.30);
  --rule-brass: 1px solid var(--brass-500);
  --radius-sm: 3px;
  --radius-md: 6px;

  /* — Motion */
  --ease-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-deco: cubic-bezier(0.65, 0, 0.18, 1);
  --dur-fast: 220ms;
  --dur-med: 520ms;
  --dur-slow: 900ms;

  /* — Z */
  --z-nav: 100;
  --z-loader: 200;
}