/* Design tokens: Knauf colours (light + dark), type, radius, shadow, chart series. Everything else uses these variables. */
:root{
  /* Knauf (knauf.com/en-TZ): Knauf blue #0099DE, navy #003778, text #3C3C3C, greys #F4F4F4 / #D8D8D8.
     Navy carries buttons and active states (white text on Knauf blue is under 4.5:1); Knauf blue is the brand mark and highlights. */
  --paper:#F4F4F4; --panel:#FFFFFF; --panel-2:#EEF1F4; --line:#D8D8D8; --line-strong:#BBBBBB;
  --ink:#3C3C3C; --ink-2:#555555; --ink-3:#707070;
  --brand:#0099DE; --accent:#003778; --accent-ink:#FFFFFF; --accent-soft:#E5F4FB; --accent-line:#8FD0EF;
  --amber:#9A6A12; --amber-soft:#F8EBD0; --red:#A83A3A; --red-soft:#F7E0E0; --blue:#2D5C8F; --blue-soft:#DEE9F5;
  --shadow:0 1px 2px rgba(20,30,25,.06), 0 8px 24px -12px rgba(20,30,25,.18);
  --radius:6px;
  --sans:"Source Sans 3",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#14171A; --panel:#1C2024; --panel-2:#23282D; --line:#2F363C; --line-strong:#465059;
    --ink:#E6E9E4; --ink-2:#AEB6BE; --ink-3:#7E8891;
    --brand:#0099DE; --accent:#4DB8EA; --accent-ink:#00142E; --accent-soft:#0B2A3F; --accent-line:#1F5576;
    --amber:#E0B25A; --amber-soft:#3A2E14; --red:#E27B7B; --red-soft:#3C1F1F; --blue:#7FB0E6; --blue-soft:#1C2E42;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --paper:#14171A; --panel:#1C2024; --panel-2:#23282D; --line:#2F363C; --line-strong:#465059;
  --ink:#E6E9E4; --ink-2:#AEB6BE; --ink-3:#7E8891;
  --brand:#0099DE; --accent:#4DB8EA; --accent-ink:#00142E; --accent-soft:#0B2A3F; --accent-line:#1F5576;
  --amber:#E0B25A; --amber-soft:#3A2E14; --red:#E27B7B; --red-soft:#3C1F1F; --blue:#7FB0E6; --blue-soft:#1C2E42;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
}

/* charts: validated categorical order (blue, orange, aqua, yellow, magenta, green, violet, red) */
:root{--s1:#0099de;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#6250d6;--s8:#e34948;--s-ly:#b9c3cb;
  --pos:#0099de;--neg:#e34948;--good:#006300;--bad:#c13a3a;--grid:#e1e0d9;--axis:#c3c2b7;--tick:#6b7680}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--s1:#0099de;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;--s-ly:#4a535b;
  --pos:#0099de;--neg:#e66767;--good:#0ca30c;--bad:#e66767;--grid:#2c2c2a;--axis:#383835;--tick:#9aa3ab}}
:root[data-theme="dark"]{--s1:#0099de;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;--s-ly:#4a535b;
  --pos:#0099de;--neg:#e66767;--good:#0ca30c;--bad:#e66767;--grid:#2c2c2a;--axis:#383835;--tick:#9aa3ab}