/* Huishoudboek — ontwerptokens. Licht op :root, donker via [data-theme="dark"] en prefers-color-scheme. */
:root {
  --papier: #F7F9F8;
  --blad: #FFFFFF;
  --inkt: #1B2A44;
  --inkt-zacht: #5B6A80;
  --liniaal: #D9E4DE;
  --bij: #1D7552;
  --markeer: #F4D35E;
  --op-markeer: #1A1A12;
  --stempel: #B3392C;
  /* afgeleid */
  --statusbalk: #1B2A44;
  --verhoogd: #FFFFFF;      /* onderbalk, sheets, actiebalk */
  --track: #E3EAE6;         /* lege balk, skelet, uitgeschakelde knop */
  --toetsenbord: #DCE2DF;
  --toets: #FFFFFF;
  --foto-filter: none;
  --schaduw: 0 -2px 12px rgba(27,42,68,.08);  /* onderbalk/actiebalk */
  --zweef: 0 10px 28px rgba(27,42,68,.22);    /* sheet, melding */
  --scrim: rgba(27,42,68,.4);
  /* categoriereeks: oklch(L 0.075 H), H = 20 + i*36 */
  --cat-boodschappen: oklch(.62 .075 20);
  --cat-uit-eten:     oklch(.62 .075 56);
  --cat-vervoer:      oklch(.62 .075 92);
  --cat-brood:        oklch(.62 .075 128);
  --cat-cadeaus:      oklch(.62 .075 164);
  --cat-huishouden:   oklch(.62 .075 200);
  --cat-wonen:        oklch(.62 .075 236);
  --cat-zorg:         oklch(.62 .075 272);
  --cat-kind:         oklch(.62 .075 308);
  --cat-vrije-tijd:   oklch(.62 .075 344);
  /* vorm */
  --r-rij: 0; --r-knop: 10px; --r-label: 6px; --r-foto: 8px; --r-kaart: 16px; --r-sheet: 20px;
  --font: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible', system-ui, sans-serif;
}
[data-theme="dark"] {
  --papier: #121820;
  --blad: #18202A;
  --inkt: #E4E9F0;
  --inkt-zacht: #9AA7B8;
  --liniaal: #26323F;
  --bij: #5CC79A;
  --markeer: #C9A93A;
  --op-markeer: #1A1A12;
  --stempel: #E07062;
  --statusbalk: #121820;
  --verhoogd: #202A36;
  --track: #26323F;
  --toetsenbord: #0D1218;
  --toets: #232D3A;
  --foto-filter: brightness(.86);
  --schaduw: 0 0 0 transparent;
  --zweef: 0 10px 28px rgba(0,0,0,.5);
  --scrim: rgba(0,0,0,.6);
  --cat-boodschappen: oklch(.74 .075 20);
  --cat-uit-eten:     oklch(.74 .075 56);
  --cat-vervoer:      oklch(.74 .075 92);
  --cat-brood:        oklch(.74 .075 128);
  --cat-cadeaus:      oklch(.74 .075 164);
  --cat-huishouden:   oklch(.74 .075 200);
  --cat-wonen:        oklch(.74 .075 236);
  --cat-zorg:         oklch(.74 .075 272);
  --cat-kind:         oklch(.74 .075 308);
  --cat-vrije-tijd:   oklch(.74 .075 344);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --papier: #121820; --blad: #18202A; --inkt: #E4E9F0; --inkt-zacht: #9AA7B8; --liniaal: #26323F;
    --bij: #5CC79A; --markeer: #C9A93A; --op-markeer: #1A1A12; --stempel: #E07062;
    --statusbalk: #121820; --verhoogd: #202A36; --track: #26323F; --toetsenbord: #0D1218; --toets: #232D3A;
    --foto-filter: brightness(.86); --schaduw: 0 0 0 transparent; --zweef: 0 10px 28px rgba(0,0,0,.5); --scrim: rgba(0,0,0,.6);
    --cat-boodschappen: oklch(.74 .075 20); --cat-uit-eten: oklch(.74 .075 56); --cat-vervoer: oklch(.74 .075 92);
    --cat-brood: oklch(.74 .075 128); --cat-cadeaus: oklch(.74 .075 164); --cat-huishouden: oklch(.74 .075 200);
    --cat-wonen: oklch(.74 .075 236); --cat-zorg: oklch(.74 .075 272); --cat-kind: oklch(.74 .075 308); --cat-vrije-tijd: oklch(.74 .075 344);
  }
}
body { font-family: var(--font); font-variant-numeric: tabular-nums; background: var(--papier); color: var(--inkt); -webkit-font-smoothing: antialiased; }
*:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }