/* ═══════════════════════════════════════════════════════════════════════
   app.css — the single source of design tokens for the PKA dashboard.

   Before 2026-08-02 every page carried its own :root block: index, chat,
   aging, manual and login (which had two). Five copies of the same palette
   drifting apart independently — a retint had to be applied five times and
   was one oversight away from a page looking like a different product.

   This file is the only place a token is defined. Page-specific rules stay
   inline in their own file; tokens do not.

   Cache note: sw.js serves .css network-first, so an edit here reaches the
   app on the next load rather than sitting in the cache-first asset bucket.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* surfaces — warm-biased neutrals so #FF6600 reads intentional, not bolted on */
  --bg:#0A0908;
  --bg2:#1C1916;
  --bg3:#272320;
  --bg4:#332E29;
  --border:rgba(255,246,238,0.11);
  --border2:rgba(255,246,238,0.17);

  /* type */
  --text:#F7F3EF;
  --text2:#A79C92;
  --text3:#6B625A;

  /* brand + semantics. Semantic colour is deliberately separate from the
     accent: "needs attention" must never read as "branded". */
  --accent:#FF6600;
  --accent2:#FF6600;
  --green:#2FBF71;
  --amber:#F0A202;
  --orange:#f97316;   /* aging.html only — bucket colour, distinct from accent */
  --red:#E5484F;

  /* shape + depth */
  --r:14px;
  --rs:9px;
  --r-card:14px;
  --r-sm:9px;
  --r-pill:999px;
  --shadow:0 1px 2px rgba(0,0,0,0.5),0 4px 14px rgba(0,0,0,0.4);
  --lift:0 1px 2px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.4);
  --lift2:0 2px 8px rgba(0,0,0,.55),0 14px 36px rgba(0,0,0,.5);

  /* spacing scale */
  --sp1:6px; --sp2:10px; --sp3:14px; --sp4:20px;

  --mono:'SF Mono','Fira Code','Fira Mono',monospace;
}

[data-theme="light"]{
  --bg:#FAF7F3;
  --bg2:#FFFFFF;
  --bg3:#F3EEE8;
  --bg4:#E9E2D9;
  --border:rgba(28,22,16,0.10);
  --border2:rgba(28,22,16,0.16);
  --text:#1A1512;
  --text2:#6B5F55;
  --text3:#9C9086;
  /* semantics need their own light values — tuned for a dark ground they
     were failing contrast on white. This was broken until 2026-08-02. */
  --green:#1FA463;
  --amber:#B87503;
  --red:#C8323C;
  --shadow:0 1px 2px rgba(28,22,16,0.05),0 4px 14px rgba(28,22,16,0.06);
  --lift:0 1px 2px rgba(28,22,16,.05),0 4px 14px rgba(28,22,16,.06);
  --lift2:0 2px 6px rgba(28,22,16,.07),0 12px 32px rgba(28,22,16,.09);
}