/* B1 "Ledger Classic" design tokens — ported 1:1 from the frozen mockup v3.4 (assets/app.css).
   Light = :root, dark = [data-theme="dark"] (set server-side on <html>). ADR-0008. */
@font-face { font-family: "Inter"; src: url("vendor/fonts/inter.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #f9fafb;
  --surface-3: #f2f4f7;
  --border: #e6e8ec;
  --border-strong: #d4d8df;
  --text: #0e1525;
  --text-2: #4a5468;
  --text-3: #8a93a5;
  --accent: #3d8500;          /* deep Flix green — buttons, links, active nav */
  --accent-strong: #2f6900;
  --accent-bright: #73d700;   /* Flix green — only for marks/dots/chart highlight */
  --accent-soft: #f1f9e6;
  --accent-ring: rgba(61, 133, 0, .22);
  --blue: #2e6be6;   --blue-soft: #edf3ff;
  --teal: #0e8a7e;   --teal-soft: #e7f6f4;
  --amber: #b86e00;  --amber-soft: #fff5e5;  --amber-dot: #f5a524;
  --red: #d1343c;    --red-soft: #fdeeee;
  --violet: #6b4fd8; --violet-soft: #f1eefd;
  --gray-soft: #f0f2f5;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 12px rgba(16, 24, 40, .05);
  --shadow-lg: 0 24px 64px -12px rgba(16, 24, 40, .22), 0 4px 16px rgba(16, 24, 40, .06);
  --radius: 10px;
  --radius-sm: 7px;
  --sidebar: 248px;
  --map-empty: #e9ecf0;
  color-scheme: light;
}
[data-theme="dark"] {
  --bg: #0b0e13;
  --surface: #11151c;
  --surface-2: #151a22;
  --surface-3: #1b212b;
  --border: #222934;
  --border-strong: #2e3643;
  --text: #e8ebf1;
  --text-2: #a3abba;
  --text-3: #6c7586;
  --accent: #86d42a;
  --accent-strong: #9be14a;
  --accent-bright: #73d700;
  --accent-soft: rgba(115, 215, 0, .1);
  --accent-ring: rgba(115, 215, 0, .25);
  --blue: #7aa5ff;   --blue-soft: rgba(80, 130, 255, .13);
  --teal: #4fd1c2;   --teal-soft: rgba(40, 200, 180, .12);
  --amber: #f5b341;  --amber-soft: rgba(245, 165, 36, .13);
  --red: #ff7a80;    --red-soft: rgba(255, 90, 100, .13);
  --violet: #a996ff; --violet-soft: rgba(140, 115, 255, .14);
  --gray-soft: #1c222c;
  --shadow-sm: none;
  --shadow: 0 0 0 1px rgba(255,255,255,.02);
  --shadow-lg: 0 24px 64px -12px rgba(0,0,0,.7);
  --map-empty: #1d232d;
  color-scheme: dark;
}

/* pastel status colours (mockup v3.1 block) */
:root { --st-delivered: #b5e08f; --st-nochange: #b8cdf6; --st-open: #f6d48f; --st-overdue: #f2a3a1; --st-delivered-t: #2f6900; --st-nochange-t: #2e55b8; --st-open-t: #8a5300; --st-overdue-t: #b3262e; }
:root { --chg: #e8590c; --chg-t: #fff; --chg-soft: rgba(232, 89, 12, .08); }  /* new / changed cases in the period */
[data-theme="dark"] { --chg: #f76707; --chg-t: #fff; --chg-soft: rgba(247, 103, 7, .12); }
[data-theme="dark"] { --st-delivered: #4f7a2c; --st-nochange: #3f5a8f; --st-open: #8c6a2a; --st-overdue: #8f3f43; --st-delivered-t: #c4ef98; --st-nochange-t: #c9d9ff; --st-open-t: #ffe0a3; --st-overdue-t: #ffc2c4; }