:root {
  /* Core palette */
  --color-black:      #16242e;  /* page base — Blue Ridge Twilight (was #000000) */
  --color-gold:       #c89116;
  --color-cream:      #f2f1eb;
  --color-cta:        #d98a2b;  /* amber-gold (was hot orange #ff751f) */
  --color-rust:       #b65517;
  --color-walnut:     #5b3207;
  --color-dark-brown: #3c3333;
  --color-blue:       #2c2dc4;

  /* Extended blues */
  --color-morning-mist: #a8bfcf;
  --color-blue-ridge:   #7b9eb8;
  --color-creek-stone:  #5c7d95;
  --color-twilight:     #3e6478;

  /* Extended greens */
  --color-pale-sage:   #c2d4b4;
  --color-sage:        #8faf7c;
  --color-fern:        #6b8e58;
  --color-forest-moss: #4e6b3a;

  /* Derived surfaces — Blue Ridge Twilight theme */
  --color-card:    #1f333f;
  --color-surface: #12202a;
  --color-border:  #2c4250;

  /* Twilight Refined (redesign) — frame, nav, type accents */
  --color-backdrop:   #0b141a;  /* behind the app column (desktop) */
  --color-app:        #101b22;  /* app base / page */
  --color-note:       #16242e;  /* raised notes / committee card */
  --color-hairline:   #21323c;  /* dividers, nav top border */
  --color-nav:        #0c151b;  /* bottom-nav background */
  --color-gold-light: #e8c878;  /* titles / active accents */
  --color-gold-mid:   #c8a35a;  /* labels / tag chips */
  --color-ink:        #f6f1e7;  /* primary headings */
  --color-text:       #cdd9d6;  /* body */
  --color-text-soft:  #bcccca;
  --color-muted:      #9fb2b0;
  --color-nav-idle:   #5c7d95;
  --color-sage-eye:   #9bb98a;  /* eyebrows on dark */

  /* Gradients */
  --gradient-hero: linear-gradient(90deg, #10202a 0%, #3e6478 100%);

  /* Typography */
  --font-header: 'Tenor Sans', Georgia, serif;
  --font-body:   'Lato', system-ui, sans-serif;

  /* Spacing scale */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
}