/* ─────────────────────────────────────────────
   APP-SHELL TOKENS — the one copy.

   This block used to be pasted into the <style> of all seventeen app-shell
   pages, byte-identical every time, which meant a colour change was a
   seventeen-file edit that had to be got right seventeen times. It lives here
   now; each page links it and declares only what is genuinely its own.

   Link it BEFORE the page's own <style>, so a page can still override a value
   by redeclaring it in its own :root — that is how new-prospect.html points
   --danger at our red rather than the estimator palette's.

   This is the app-shell palette ONLY. Two other palettes exist in public/ and
   are deliberately NOT here: the four estimators run on a cool-slate set
   (--bg:#f0f4f8, --accent:#1d6fa4), and finance-forecast.html has a third
   (--bg:#f0f2f5, --blue:#1a56db). Do not fold them in without deciding which
   one wins — note that --teal already means #0F6B6B on schedule.html and
   #0f5132 on finance.html, so the same name does not always mean one colour.
   ───────────────────────────────────────────── */
:root {
  --bg:#F7F6F2;--surface:#FFF;--surface2:#F0EEE9;--border:#E2DED6;--border2:#CCC9C0;
  --text:#1A1917;--text2:#5C5A54;--text3:#8C8A84;
  --accent:#1B4F8A;--accent-light:#E8EFF7;--accent-mid:#3B7DD8;
  --green:#1A6B3A;--green-light:#E6F4EC;
  --amber:#7A4A00;--amber-light:#FFF4E0;
  --red:#8B1F1F;--red-light:#FDEAEA;
  --radius:8px;--radius-lg:12px;
  --shadow:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);
}