/* Resibook palette: the one place the site's colours are written.
   site.css, the inline SVGs (railing, projector) and the browser-bar colour all read these
   variables; no other file in the site writes a colour value. Moved here unchanged from
   site.css, Projector.astro and Base.astro on 2026-10-25. Not covered, on purpose: the
   ground's vendored artwork, the demo, the icon images, and the preview-only editor. */
:root{
  /* the brand colours */
  --paper:#f1ecdd;--surface:#faf7ee;--ink:#3a3225;--ink-muted:#6a6049;
  --leaf:#2e7342;--leaf-deep:#1f5a32;--on-leaf:#faf7ee;
  --sun:#f2b632;--on-sun:#3a3225;--sun-wash:#f6e6b8;
  --water:#1b6f80;--clay:#b5361c;--clay-wash:#f0ddcf;--leaf-wash:#e2e8d0;--water-wash:#d4e6ea;
  --seed:#dcd2b6;--seed-strong:#857c5f;

  /* the logo (the app's Manila Folder light values) */
  --rb-ink:#3A3225;--rb-accent:#8A6A3E;--rb-cat:#2B4C55;

  /* the voxel machines: sand (default), sage and clay */
  --sand-top:#ece5cf;--sand-rim:#f8f3e3;--sand-shade:#d6ccb2;--sand-side:#c4b897;--sand-edge:#a3977d;
  --sage-top:#dfe5cd;--sage-rim:#eef2e2;--sage-shade:#c8cfb2;--sage-side:#b0b893;--sage-edge:#8f977a;
  --terra-top:#ecd6c1;--terra-rim:#f7e8d9;--terra-shade:#dcc1a7;--terra-side:#c9a586;--terra-edge:#a8866a;

  /* keys, slots, the projector and the railing */
  --key-quiet:#f6f1e3;--key-quiet-lip:#cfc4a6;--sun-lip:#c58d14;
  --rod-hi:#e4dbc2;--beam:#fff7d6;--lens:#9fcbd3;--gold:#c79a2a;
  --slot-dark:#8f8468;--slot-mid:#cdc2a4;--slot-light:#e6dec8;--slot-low:#b9ad92;
  --cream:#fffdf6;--white:#fff;

  /* shadows and glazes: the same colours at fixed strengths */
  --umber-12:rgba(70,56,36,.12);--umber-18:rgba(70,56,36,.18);--umber-20:rgba(70,56,36,.2);
  --umber-22:rgba(70,56,36,.22);--umber-26:rgba(70,56,36,.26);--umber-35:rgba(70,56,36,.35);
  --ink-14:rgba(58,50,37,.14);--ink-18:rgba(58,50,37,.18);--ink-20:rgba(58,50,37,.2);
  --ink-22:rgba(58,50,37,.22);--ink-25:rgba(58,50,37,.25);
  --white-22:rgba(255,255,255,.22);--white-35:rgba(255,255,255,.35);
  --white-45:rgba(255,255,255,.45);--white-85:rgba(255,255,255,.85);
  --black-20:rgba(0,0,0,.2);--cream-55:rgba(255,253,246,.55);
}