/* Sage Tiles design tokens. Two layers: primitives, then the semantics the site
   uses. Pages link this before site.css. Fonts: Source Serif 4 for headlines,
   canon sentences, and fraction notation; Nunito Sans for everything else. */
:root{
  /* primitives */
  --cream-50:#FAF8F5; --cream-100:#F5F1EB; --cream-200:#E8E3DA; --cream-300:#D6CFC3; --cream-400:#C4BBAD;
  --sage-900:#1E2B25; --sage-800:#2B3D35; --sage-700:#3B5E4F; --sage-600:#4A5E4F; --sage-500:#6B8F7A;
  --sage-400:#9CB4A0; --sage-300:#B8CFBC; --sage-200:#D4E3D7; --sage-100:#EAF1EB;
  --gold:#E8C87A; --gold-dark:#C9A54E;

  /* semantics */
  --bg:var(--cream-100); --surface:#FFFFFF;
  --ink:var(--sage-800); --body:var(--sage-600); --muted:var(--sage-500); --line:var(--cream-300);
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Nunito Sans','Segoe UI',system-ui,-apple-system,Helvetica,Arial,sans-serif;
  --shadow:0 1px 2px rgba(59,94,79,.08),0 8px 24px rgba(59,94,79,.10);
  --focus:0 0 0 3px rgba(59,94,79,.28);
}
/* the page is cream in every theme; it is never white */
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --bg:var(--cream-100); } }
:root[data-theme="dark"]{ --bg:var(--cream-100); }