/* ============================================================
   The Aeverest Report — Color tokens
   Direction A · "Quiet Authority", recolored for the Aeverest shift
   Navy lead · slate-blue secondary · sage + clay accents · brass gold
   ============================================================ */

:root {
  /* ---- Base ramp: Navy (brand ink) ---- */
  --navy-900: #0d1828;   /* deepest — footers, hero floods */
  --navy-800: #16263f;   /* PRIMARY brand ink */
  --navy-700: #1f3454;
  --navy-600: #2c456b;
  --navy-500: #3a567d;   /* slate — secondary text on light */
  --navy-300: #8898ad;
  --navy-100: #d4dae3;

  /* ---- Base ramp: Gold / Brass (metallic accent) ----
     Punchier than the original antique gold: deeper chroma so it
     reads clearly as gold on screen and holds white text. */
  --gold-700: #7a5410;   /* deep brass — small text on paper */
  --gold-600: #976812;
  --gold-500: #b07a12;   /* brass for links / accents on light */
  --gold-400: #c6891f;   /* PRIMARY accent — the brass CTA + rules */
  --gold-300: #dba23f;   /* brass on dark navy (hi-contrast) */
  --gold-200: #ecc888;
  --gold-050: #f6ead2;

  /* ---- Mark / alpenglow summit (the gilded Æ cap) ---- */
  --mark-summit:        var(--gold-400);  /* brass — on light grounds */
  --mark-summit-on-ink: #d08a63;          /* terracotta — on navy grounds */

  /* ---- Base ramp: Slate blue (SECONDARY brand) ----
     Keeps blue leading the palette: lighter & bluer than the near-black
     navy, used for section accents, the promise band, a category family. */
  --slate-800: #243b59;
  --slate-700: #314f74;
  --slate-600: #3b5d88;
  --slate-500: #456a94;  /* SECONDARY brand — slate blue */
  --slate-300: #8ba2bd;
  --slate-100: #dde5ee;
  --slate-050: #eef2f7;  /* slate-tint surface */

  /* ---- Base ramp: Sage (green support) ----
     The single green we keep: evidence signal + one category family. */
  --sage-700: #2f5d4a;
  --sage-600: #3a7159;   /* sage-deep */
  --sage-300: #8fb09e;
  --sage-050: #e9efe8;   /* green tint surface */

  /* ---- Base ramp: Clay (warm accent) ----
     The visual-interest accent: a category family + occasional highlights. */
  --clay-700: #8f4526;
  --clay-600: #b6603a;   /* CLAY accent */
  --clay-300: #d9a488;
  --clay-050: #f5e7df;

  /* ---- Base ramp: Paper / warm neutrals ---- */
  --paper-000: #fffdf8;  /* card / raised surface */
  --paper-050: #faf5ea;
  --paper-100: #f4eee1;  /* PRIMARY page background */
  --paper-200: #ece3d0;
  --paper-300: #e2d8c2;  /* hairline borders on paper */
  --paper-400: #d3c6a9;

  /* ---- Base ramp: Mist (cool neutral / canvas) ----
     The cooler grey from the original directions canvas. Used for
     page chrome and the homepage ground — a calm, slightly cool
     foil to the warm cards that sit on top of it. */
  --mist-050: #f1f0ee;
  --mist-100: #e7e5e1;   /* COOL canvas — homepage & app ground */
  --mist-200: #dcdad5;
  --mist-300: #cfccc6;   /* hairline on mist */
  --mist-400: #b9b5ad;
  --mist-700: #514f4a;   /* cool muted text on mist */

  /* ---- Ink / text neutrals (warm-tinted) ---- */
  --ink-900: #1c1b17;
  --ink-800: #23211c;    /* body text on paper */
  --ink-700: #3d3a33;    /* dek / secondary body */
  --ink-500: #6b6357;    /* muted / captions */
  --ink-400: #8a7f68;    /* labels / metadata on paper */
  --ink-300: #b1a791;

  /* ---- Semantic accents (use sparingly, editorial) ---- */
  --evidence-700: var(--sage-700);   /* "research suggests" green-ink */
  --evidence-050: var(--sage-050);
  --caution-700:  #9a5a1d;   /* compliance / disclaimer amber-ink */
  --caution-050:  #f6ecda;

  /* =========================================================
     SEMANTIC ALIASES — prefer these in product code
     ========================================================= */

  /* Surfaces */
  --surface-canvas:    var(--mist-100);   /* cool ground — chrome, gutters */
  --surface-sand:      #fbf8f1;   /* cream wash — warm editorial ground (home, about, departments, legal). Lightened from #f7f2e8 (June 2026): keeps the warm paper identity, reads airier. */
  --surface-page:      var(--surface-sand);  /* default body ground = the wash */
  --surface-dept:      #fdfcf9;  /* near-white with a trace of warmth — department hubs (July 2026: memory felt too beige at #fbf8f1; this sits between the cream wash and the presell's pure white) */
  --surface-article:   #fbfcfd;  /* clean, slightly-cool near-white for news-style articles (cooler than the warm --paper-000 cream, to read as the "news" surface vs the warm editorial ground) */
  --surface-card:      var(--paper-000);
  --surface-sunken:    var(--paper-200);
  --surface-ink:       var(--navy-800);   /* dark flood (CTA, footer) */
  --surface-ink-deep:  var(--navy-900);

  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-800);
  --text-dek:      var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-label:    var(--ink-400);
  --text-on-ink:   var(--paper-050);      /* body text on navy */
  --text-on-ink-muted: var(--navy-300);

  /* Headlines */
  --text-headline: var(--navy-800);       /* serif heads on paper */
  --text-headline-on-ink: var(--paper-000);

  /* Accent / interactive */
  --accent:          var(--gold-400);     /* brass — primary CTA + rules */
  --accent-strong:   var(--gold-500);     /* links / accent text on light */
  --accent-on-ink:   var(--gold-300);     /* brass against navy */
  --accent-ink-text: var(--paper-000);    /* near-white text on a brass fill */

  /* Secondary & supporting brand colors */
  --secondary:       var(--slate-500);    /* slate blue */
  --secondary-deep:  var(--slate-700);
  --secondary-050:   var(--slate-050);
  --accent-warm:     var(--clay-600);      /* clay */
  --accent-warm-050: var(--clay-050);
  --accent-green:    var(--sage-600);      /* sage-deep */
  --accent-green-050: var(--sage-050);

  /* Lines & dividers */
  --line:          var(--paper-300);
  --line-strong:   var(--paper-400);
  --line-cool:     var(--mist-300);       /* hairline on the cool canvas */
  --line-on-ink:   rgba(219, 162, 63, 0.28);

  /* Focus ring */
  --focus-ring:    var(--gold-500);
}