/* tokens.css | Versie 1.0 -- 2026-10-13 | Gegenereerd door maak_tokens.py uit huisstijl/tokens.json (versie 1); namen gelijk aan de tokens. Niet met de hand wijzigen: pas tokens.json aan (Drive-map huisstijl, met versiehistorie) en genereer opnieuw. */

:root {
    --paper: #F3F1EC;
    --surface: #FFFFFF;
    --surface-sunken: #E4DED2;
    --ink: #1E2328;
    --ink-soft: #3F4A55;
    --ink-muted: #5E6670;
    --on-ink: #FFFFFF;
    --line: #D9D4C9;
    --line-soft: #ECE8E0;
    --shelf: #CFC7B8;
    --shelf-edge: #B9B0A0;
    --accent: #A34E12;
    --accent-light: #E07A36;
    --focus: #2B4C7E;
    --match-bg: #F6E3C9;
    --tag-bg: #E8EDF5;
    --tag-ink: #1F3A63;
    --tag-line: #B9C8DE;
    --ordner-onderhanden: #A34E12;
    --ordner-prive: #2F5D43;
    --ordner-werk: #3F4A55;
    --ordner-vm: #7A2E3A;
    --ordner-vrijetijd: #8A6A1E;
    --ordner-pocket: #2B4C7E;
    --ordner-tab-pocket: #D6DEEA;
    --label-paper: #FBFAF7;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --radius-sm: 4px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-pill: 999px;
    --touch-min: 44px;
    --logo-min: 24px;
    --ordner-spine-w: 46px;
    --font-sans: "Public Sans", system-ui, sans-serif;
    --t-wordmark-size: 25px;
    --t-wordmark-line: 1;
    --t-wordmark-weight: 800;
    --t-wordmark-ls: -0.035em;
    --t-title-size: 26px;
    --t-title-line: 30px;
    --t-title-weight: 800;
    --t-title-ls: -0.02em;
    --t-heading-size: 19px;
    --t-heading-line: 24px;
    --t-heading-weight: 700;
    --t-item-title-size: 16px;
    --t-item-title-line: 22px;
    --t-item-title-weight: 600;
    --t-body-size: 16px;
    --t-body-line: 24px;
    --t-body-weight: 400;
    --t-snippet-size: 14px;
    --t-snippet-line: 20px;
    --t-snippet-weight: 400;
    --t-meta-size: 13px;
    --t-meta-line: 18px;
    --t-meta-weight: 400;
    --t-label-size: 13px;
    --t-label-line: 16px;
    --t-label-weight: 700;
    --t-label-ls: 0.08em;
    --t-button-size: 16px;
    --t-button-line: 20px;
    --t-button-weight: 600;
    color-scheme: light;
}

/* Donker alleen op verzoek via data-theme="dark": de schermen zijn nog niet donker ontworpen (open punt O2), dus de app volgt de systeeminstelling niet. */
:root[data-theme="dark"] {
    --paper: #16191D;
    --surface: #1E2328;
    --surface-sunken: #101215;
    --ink: #F3F1EC;
    --ink-soft: #C9CED4;
    --ink-muted: #AEB5BD;
    --on-ink: #1E2328;
    --line: #3A4048;
    --line-soft: #2A3038;
    --shelf: #3A4048;
    --shelf-edge: #2A3038;
    --accent: #E07A36;
    --focus: #8FB0E3;
    --match-bg: #5A3A1C;
    --tag-bg: #24324A;
    --tag-ink: #C9D6EA;
    --tag-line: #3A4E6E;
    color-scheme: dark;
}