/* Tokens uit design/serverkaart-v1 (HANDOFF.md). Fonts zelf gehost (OFL), want de CSP staat geen externe fonts toe. */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/schibsted-grotesk-500.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/schibsted-grotesk-600.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/schibsted-grotesk-700.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/figtree-400.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/figtree-500.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/figtree-600.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2")}
/* Layout: zwarte zijbalk met limoen-actief item (naar het s.host-voorbeeld), lichte werkruimte met panelen per onderwerp. */
:root{
  --side:#070a08; --side-fg:#e9efe9; --side-dim:#8d988f;
  --bg:#eef1ec; --panel:#fbfcfa; --panel-2:#f3f6f1; --line:#dde3db;
  --fg:#111613; --dim:#5e6a61; --faint:#8a958c;
  --lime:#c9f26b; --lime-ink:#0c1a05; --pine:#1d3a31; --pine-fg:#eaf3ee;
  --ok:#2f7d4f; --ok-bg:#e1f1e6; --warn:#9a6400; --warn-bg:#fbefd5; --bad:#b4372b; --bad-bg:#f9e1dd; --info:#2d5d86; --info-bg:#e0ecf6;
  --f-display:"Schibsted Grotesk","Segoe UI",system-ui,sans-serif;
  --f-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --r:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0f1311; --panel:#161b18; --panel-2:#1c221e; --line:#2a322d;
  --fg:#e8eee9; --dim:#a3ada6; --faint:#78837b;
  --pine:#21453a; --pine-fg:#eaf3ee;
  --ok:#7fd39d; --ok-bg:#1d3326; --warn:#f0bf62; --warn-bg:#3a2e14; --bad:#f28b7f; --bad-bg:#3d1f1b; --info:#8cbfe8; --info-bg:#1b2c3b;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f1311; --panel:#161b18; --panel-2:#1c221e; --line:#2a322d;
  --fg:#e8eee9; --dim:#a3ada6; --faint:#78837b;
  --pine:#21453a; --pine-fg:#eaf3ee;
  --ok:#7fd39d; --ok-bg:#1d3326; --warn:#f0bf62; --warn-bg:#3a2e14; --bad:#f28b7f; --bad-bg:#3d1f1b; --info:#8cbfe8; --info-bg:#1b2c3b;
  color-scheme:dark}