/* ═══════════════════════════════════════════════════════════════════════════════
   DATUM — "Paper" skin for the OLD screens (public/css/paper.css)

   Loads LAST. It only re-points the colour / radius / shadow variables the old app
   already consumes, so every old screen picks up the look of the new pages
   (public/app2 — docs/DESIGN-SYSTEM.md) without a single behaviour change: the
   wizards, menus, boards and gestures are untouched (Dale, 25 Sep 2026: "adding to
   features and refining layout" — never rebuilding what works).
   Revert: remove the <link> in public/index.html.
   ═══════════════════════════════════════════════════════════════════════════════ */
:root{
  --bg:#F6F4EF;            /* paper */
  --surface:#FFFFFF;       /* cards */
  --surface2:#F1EAE0;      /* brand-soft: hover, chips, selected */
  --surface3:#EFECE5;      /* quiet pills */
  --panel:#FBFAF7;
  --border:#E6E1D8;
  --border2:#DCD6CB;
  --text:#1E1B17;
  --text2:#5B554C;
  --text3:#8C8578;
  --green:#5F7A5A;  --green-light:#E9EFE6; --green-mid:#D3DDCF;
  --orange:#9A6B14; --orange-light:#F6EBD3; --orange-mid:#EADBB8;
  --red:#B4483C;    --red-light:#F7E6E3;   --red-mid:#EBCFC9;
  --brand-light:#F1EAE0;
  --sidebar-bg:#FFFFFF;
  --sidebar-hover:#F6F4EF;
  --r:14px; --r-sm:10px; --r-xs:8px;
  /* flat, soft shadows instead of the raised "neumorphic" pair */
  --xs:0 1px 2px rgba(30,27,23,.04);
  --sm:0 1px 2px rgba(30,27,23,.05),0 6px 20px rgba(30,27,23,.05);
  --tile:0 1px 2px rgba(30,27,23,.05),0 6px 20px rgba(30,27,23,.05);
  --md:0 4px 10px rgba(30,27,23,.06),0 2px 4px rgba(30,27,23,.04);
  --lg:0 12px 28px rgba(30,27,23,.08),0 4px 8px rgba(30,27,23,.04);
}
/* the sidebar gets the hairline the new pages use */
.sidebar{border-right:1px solid var(--border)}
/* section headers inside lists: the new pages' quiet uppercase label */
.jl-phase-hd,.jp-section-title{letter-spacing:.08em}