/* design-tokens.css — single source of brand truth for the Patina marketing site.
   Landing, onboard, vision, docs all pull this. The explorer (site/app/index.html)
   deliberately runs a separate, muted "observatory" palette — see the note in that
   file. Do not fork these values per page; add page-local tokens in the page's own
   <style> instead.

   DA v2 (owner call 2026-07-06): modern fintech pass. Verdigris stays THE accent
   (brightened for dark-surface pop); bronze/copper is OUT of the brand — what
   remains is a semantic warn amber, never in running text, never decorative.
   Display type moves from serif to Space Grotesk; body reads in Instrument Sans;
   data stays JetBrains Mono. The dithered-monument key visual (assets/david-*.png)
   is generated at exactly --bg / --verdi so it melts into the page. */
:root{
  /* surfaces & ink */
  --bg:#0a0f0d;        /* page background — matches the dither assets exactly */
  --ink:#eaf2ec;       /* primary text */
  --read:#b9c6bc;      /* long-form reading text */
  --dim:#93a399;       /* secondary / nav text */
  --faint:#5b675f;     /* hairline / labels */

  /* brand accents — TYPOGRAPHY DISCIPLINE (owner call 2026-07-03, upheld in v2):
     editorial type (headings, kickers, inline bold) stays NEUTRAL ink; verdigris is
     the single accent, reserved for interactive elements (links, buttons, active
     states) and at most one deliberate accent per screen. */
  --verdi:#5ee0b0;     /* verdigris — primary accent, brightened for dark surfaces */
  --verdi-deep:#2e8f6d;/* verdigris depth — second data tone (charts), never text */
  --warn:#d9a75e;      /* semantic warn amber — warnings/security notes ONLY */
  --copper:var(--warn);/* legacy alias — old --copper refs now resolve to warn amber */
  --azur:var(--warn);  /* legacy alias kept so old --azur refs still resolve */

  /* type */
  --display:"Space Grotesk","Segoe UI",system-ui,sans-serif; /* headlines, wordmark */
  --sans:"Instrument Sans","Segoe UI",system-ui,sans-serif;  /* body / reading */
  --serif:var(--display);/* legacy alias — every old var(--serif) now renders display sans */
  --mono:"JetBrains Mono",ui-monospace,monospace;

  /* glass — cool verdigris frosted surface for RAISED panels (cards, nav pill, the
     onboard runtime hero). A faint verdigris sheen over a dark translucent base —
     reads as our living patina, not a generic Apple panel. backdrop-filter is
     GPU-heavy — reserve it for a few surfaces; the .glass utility in base.css
     carries the a11y/no-support fallback. */
  --glass-base:rgba(8,13,11,.62);                                    /* DEEP dark body — dominates whatever's behind, so bright spots never milk it white */
  --glass-tint:linear-gradient(155deg,rgba(94,224,176,.10),rgba(94,224,176,.03) 55%,transparent);
  --glass-blur:blur(16px) saturate(1.08);                            /* the frost — low saturate so it darkens, not brightens */
  --glass-line:rgba(94,224,176,.14);                                 /* faint verdigris hairline */
  --glass-edge:inset 0 1px 0 rgba(150,232,200,.11);                  /* verdigris top light-catch (NOT white) */
  --glass-shadow:0 2px 8px rgba(0,0,0,.34),0 18px 50px rgba(0,0,0,.4);
  --glass-solid:rgba(10,15,13,.95);                                  /* opaque fallback */
}