/* layouts-std · scherm.css — GEMAAKT door build.py uit tokens.json (scherm). Niet met de hand wijzigen.
   De apps (Veldwerk, WorkLog, Formulieren, Photo Drop) verwijzen met hun eigen namen naar deze --vw-…-waarden. */
:root {
  --vw-font: "Noto Sans", "Liberation Sans", "DejaVu Sans", Arial, sans-serif;
  --vw-radius: 12px;
  --vw-bg: #F2F4F8;
  --vw-surface: #FFFFFF;
  --vw-surface-2: #F6F8FB;
  --vw-line: #DDE3ED;
  --vw-line-2: #C9D2E0;
  --vw-text: #0F1B2D;
  --vw-muted: #56657C;
  --vw-faint: #8A97AB;
  --vw-input: #FFFFFF;
  --vw-navy: #10193F;
  --vw-accent: #F2600A;
  --vw-accent-ink: #FFFFFF;
  --vw-accent-soft: rgba(242,96,10,.10);
  --vw-primary: #B4430A;
  --vw-primary-hover: #8A3307;
  --vw-ok: #047857;
  --vw-ok-soft: #D1FAE5;
  --vw-warn: #B45309;
  --vw-warn-soft: #FEF3C7;
  --vw-bad: #B91C1C;
  --vw-bad-soft: #FEE2E2;
  --vw-info: #1D4ED8;
  --vw-info-soft: #DBEAFE;
  --vw-shadow: 0 1px 2px rgba(15,27,45,.06), 0 4px 14px rgba(15,27,45,.06);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --vw-bg: #0B1220;
    --vw-surface: #131D31;
    --vw-surface-2: #1A2640;
    --vw-line: #26344F;
    --vw-line-2: #33456A;
    --vw-text: #E8EEF8;
    --vw-muted: #93A3BD;
    --vw-faint: #64748F;
    --vw-input: #0F182B;
    --vw-navy: #DCE3F0;
    --vw-accent: #FF6A13;
    --vw-accent-ink: #FFFFFF;
    --vw-accent-soft: rgba(255,106,19,.14);
    --vw-primary: #FF6A13;
    --vw-primary-hover: #E2470B;
    --vw-ok: #22C55E;
    --vw-ok-soft: rgba(34,197,94,.16);
    --vw-warn: #F59E0B;
    --vw-warn-soft: rgba(245,158,11,.16);
    --vw-bad: #F05252;
    --vw-bad-soft: rgba(240,82,82,.16);
    --vw-info: #38BDF8;
    --vw-info-soft: rgba(56,189,248,.14);
    --vw-shadow: 0 1px 2px rgba(0,0,0,.35), 0 4px 14px rgba(0,0,0,.18);
  }
}
:root[data-theme="dark"] {
  --vw-bg: #0B1220;
  --vw-surface: #131D31;
  --vw-surface-2: #1A2640;
  --vw-line: #26344F;
  --vw-line-2: #33456A;
  --vw-text: #E8EEF8;
  --vw-muted: #93A3BD;
  --vw-faint: #64748F;
  --vw-input: #0F182B;
  --vw-navy: #DCE3F0;
  --vw-accent: #FF6A13;
  --vw-accent-ink: #FFFFFF;
  --vw-accent-soft: rgba(255,106,19,.14);
  --vw-primary: #FF6A13;
  --vw-primary-hover: #E2470B;
  --vw-ok: #22C55E;
  --vw-ok-soft: rgba(34,197,94,.16);
  --vw-warn: #F59E0B;
  --vw-warn-soft: rgba(245,158,11,.16);
  --vw-bad: #F05252;
  --vw-bad-soft: rgba(240,82,82,.16);
  --vw-info: #38BDF8;
  --vw-info-soft: rgba(56,189,248,.14);
  --vw-shadow: 0 1px 2px rgba(0,0,0,.35), 0 4px 14px rgba(0,0,0,.18);
}
:root[data-theme="light"] {
  --vw-bg: #F2F4F8;
  --vw-surface: #FFFFFF;
  --vw-surface-2: #F6F8FB;
  --vw-line: #DDE3ED;
  --vw-line-2: #C9D2E0;
  --vw-text: #0F1B2D;
  --vw-muted: #56657C;
  --vw-faint: #8A97AB;
  --vw-input: #FFFFFF;
  --vw-navy: #10193F;
  --vw-accent: #F2600A;
  --vw-accent-ink: #FFFFFF;
  --vw-accent-soft: rgba(242,96,10,.10);
  --vw-primary: #B4430A;
  --vw-primary-hover: #8A3307;
  --vw-ok: #047857;
  --vw-ok-soft: #D1FAE5;
  --vw-warn: #B45309;
  --vw-warn-soft: #FEF3C7;
  --vw-bad: #B91C1C;
  --vw-bad-soft: #FEE2E2;
  --vw-info: #1D4ED8;
  --vw-info-soft: #DBEAFE;
  --vw-shadow: 0 1px 2px rgba(15,27,45,.06), 0 4px 14px rgba(15,27,45,.06);
}