/* Design tokens — the single source for the Atlas palette, type stacks and the
   function-class colours.

   Imported by css/style.css (the map app; bundled into style.min.css by
   `make bullroarer-minify`) and by css/record.css (every generated record page,
   index page and essay). essay.css, flood-myths.css, deep-time-coasts.css and
   venus-and-the-bull.css all load after record.css, so these tokens are in
   scope there too — none of them needs its own @import.

   Before this file the palette was declared twice, in style.css and record.css,
   and had already drifted (--shadow was .22 on the map and .18 on the pages).
   Add a shared value here, never in a consuming stylesheet. */

:root{
  /* --parch / --land / --coast mirror the map canvas (see js/app.js) so the page,
     loading screen, and canvas share one aged-paper sea with no colour flash. */
  --parch:#e3d4ad;
  --land:#f0e7cf;
  --coast:#9c7f4e;
  /* channel list for the coast, so a rule can pick its own alpha:
     rgba(var(--coast-rgb),.35) — used for hairlines and tinted panels */
  --coast-rgb:156,127,78;

  --ink:#2b2620;
  --ink-soft:#6b6151;
  --frame:#b3a07a;
  --card:#f7f1e1;
  /* the lighter "paper" fill for inputs, chips and buttons sitting on --card */
  --surface:#fffdf6;
  /* brick accent: links, eyebrows, section headings, dates */
  --brick:#7c2c22;
  /* archaeology accent: the dated-horizon box and banner on the map and record pages */
  --arch:#9b6b2f;
  --arch-wash:#f2ead2;

  --shadow:0 6px 26px rgba(60,48,24,.22);

  /* Function-class colours. These MUST match CLASSDEF in js/app.js and the
     legend in data/meta.json — the map paints points from the JS copy, the CSS
     paints the legend dots and chips. */
  --r:#a43c2f; /* restricted */
  --s:#8a5a2b; /* sacred / spirit */
  --w:#2f6fa3; /* weather / fertility magic */
  --t:#24766d; /* play / practical */
  --u:#6b7884; /* function not recorded */
  /* name used by record.css and essay.css for the same restricted red */
  --record-color:var(--r);

  --font-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}