/* AestheticOS showcase — shared design tokens.
   Extracted from the 10 dark-editorial-palette pages (all except atlas.html,
   which is a deliberately distinct light/berry/green sub-brand and does not
   use this file). Every value below was BYTE-IDENTICAL across all files that
   already declared it before extraction — nothing here is a new color
   decision, this only centralizes an existing consensus.

   Still local to each page's own <style>:root{}: --line, --line-2, --mat,
   --r, --r-sm, and the semantic colors (--ok/--warn/--danger/--up/--down and
   variants) — these have real, unreconciled drift between files (e.g. --r
   is 14px in 8 files but 16px in app-mobile.html) and were deliberately left
   alone here to avoid silently changing any page's rendered output. See the
   architecture audit for the full drift table before unifying those.

   Referenced via <link rel="stylesheet" href="shared/tokens.css">. Keep this
   file in the same folder as the HTML pages that link it — the pages are no
   longer single-file-portable on their own, only folder-portable (same
   trade-off already made by the existing img/ asset folder). */
:root{
  --paper:#0D0D0D;
  --ink:#F7F5F2;
  --ink-2:#A8A29A;
  --ink-3:#6E6A62;
  --gold:#C6A46A;
  --gold-2:#8F714270;
  --gold-soft:rgba(198,164,106,.12);
  --surface:#161615;
  --mat-2:#232220;
  --font-display:'Fraunces',serif;
  --font-body:'Inter',system-ui,sans-serif;
}