/* White Sand Intelligence: design tokens, read out of the canvas's own
   Design Center (Design Center.dc.html, the palette's single source of truth
   by the canvas's rule; etag and hash in LEDGER.md). The drawings declare these
   as custom properties on each page's root element and re-scope them on dark
   sections; the built pages keep those declarations verbatim, so this file
   carries the same names once for the chrome's own stylesheet and for the
   two font stacks. Nothing here is an invented value. */

:root {
  /* light surfaces */
  --canvas: #fffffd;         /* page background */
  --header: #fffefa;         /* the credentials strips */
  --panel: #fffffe;
  --card: #ffffff;           /* cards, sheets and panels */
  --track: #f7f5ef;          /* wells, inset panels, alternate sections */
  --paper: #f1ede4;          /* the legal pages' warm ground */
  /* ink, the warm brown-black text scale */
  --ink: #33291d;
  --ink2: #766a55;
  --ink3: #9b8f78;
  --micro: #8a8070;
  /* lines */
  --line: rgba(82,62,38,0.20);
  --line-strong: rgba(82,62,38,0.34);
  --line-soft: rgba(82,62,38,0.12);
  --hair: rgba(82,62,38,0.07);
  /* the one bright accent, by context */
  --cyan: #06b6d4;
  --cyan-stroke: #0a9fb9;
  --cyan-text: #0a8092;      /* on light */
  --cyan-dark: #3cc6dc;      /* on dark */
  /* dark surfaces and sand on dark */
  --dark: #1c1711;
  --dark-2: #423e38;         /* the sticky site header, the one bespoke dark */
  --dark-card: #241d15;
  --dark-track: #2b2319;
  --dark-text: #9a8f7c;      /* as the drawings write it (the Design Center retires it; carried as drawn) */
  --dark-active: #f4eee2;    /* light sand: text and buttons on dark */
  --dark-hover: #c8bfae;
  --dark-muted: #cbc2b0;
  --dark-line: rgba(216,198,162,0.10);
  /* the quiet warm secondary */
  --sand: #b07d33;
  --amber: #bd7a1c;
  --amber-soft: rgba(189,122,28,0.13);
  /* shadows */
  --sh-card: 0 1px 2px rgba(70,52,28,0.08), 0 6px 18px rgba(70,52,28,0.07);
  --sh-raised: 0 2px 12px rgba(70,52,28,0.06);
  --sh-drop: 0 14px 34px rgba(70,52,28,0.16);

  /* type: Spectral for display, Hanken Grotesk for everything else, both
     self-hosted (fonts/fonts.css) with metric-matched fallbacks */
  --font-body: 'Hanken Grotesk', 'HankenGrotesk-fallback', system-ui, -apple-system, sans-serif;
  --font-display: 'Spectral', 'Spectral-fallback', Georgia, 'Times New Roman', serif;
}