/* Sage Tiles design tokens, the brand settled October 5, 2026: Jae's ink,
   paper, and one gold point, set in STIX Two Text. Two layers: primitives,
   then the semantics the site uses. Pages link this before site.css.
   Fonts: STIX Two Text for everything, headlines and body alike. The earlier
   sage green and cream palette is retired; the old names stay as aliases so
   site.css keeps working while it is moved over. */
:root{
  /* primitives */
  --paper:#F4F2EE; --paper-deep:#ECE9E3; --paper-line:#DDD9D1;
  --ink:#26262B; --ink-soft:#4A4A52; --ink-mute:#7A7873; --ink-faint:#A9A7A1;
  --gold:#C9A227; --gold-deep:#A8861C; --gold-wash:#F3EBD2; --warm:#ECE4D4;
  --white:#FFFFFF;

  /* semantics */
  --bg:var(--paper); --surface:var(--white);
  --body:var(--ink-soft); --muted:var(--ink-mute); --line:var(--paper-line);
  --serif:'STIX Two Text',Georgia,'Times New Roman',serif;
  --sans:'STIX Two Text',Georgia,'Times New Roman',serif;
  --shadow:0 1px 2px rgba(38,38,43,.06),0 10px 30px rgba(38,38,43,.08);
  --focus:0 0 0 3px rgba(201,162,39,.45);

  /* aliases for the retired palette, read by site.css until it is rewritten */
  --cream-50:var(--white); --cream-100:var(--paper); --cream-200:var(--paper-deep); --cream-300:var(--paper-line); --cream-400:var(--ink-faint);
  --sage-900:#1C1C20; --sage-800:var(--ink); --sage-700:var(--ink-soft); --sage-600:var(--ink-soft); --sage-500:var(--ink-mute);
  --sage-400:var(--ink-faint); --sage-300:var(--paper-line); --sage-200:var(--paper-deep); --sage-100:var(--paper-deep);
  --gold-dark:var(--gold-deep);
}
/* the page is paper in every theme; it is never white and never dark */
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --bg:var(--paper); } }
:root[data-theme="dark"]{ --bg:var(--paper); }