*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,[data-thema=licht]{--kleur-achtergrond:#f8f6f3;--kleur-wit:#ffffff;--kleur-tekst:#1a1a1a;--kleur-subtekst:#6b7280;--kleur-rand:#e5e0d8;--kleur-primair:#2d4a3e;--kleur-primair-hover:#1e3329;--kleur-accent:#8b7355;--kleur-fout:#c0392b;--kleur-gevaar:#e05a4a;--kleur-succes:#27ae60;--kleur-waarschuwing:#f59e0b;--kleur-overlay:rgba(0,0,0,0.6);--kleur-kaart:#ffffff;--kleur-invoer-rand:#e5e0d8;--editor-bg:#f0ede8;--editor-zijpaneel:#e8e4de;--editor-rand:#d5d0c8;--editor-tekst:#1a1a1a;--editor-subtekst:#6b7280;--editor-kaart:#faf8f5;--editor-kaart-hover:#f0ede8;--radius:8px;--schaduw:0 1px 3px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04);--transitie-knop:background 0.2s ease}[data-thema=donker]{--kleur-achtergrond:#0f0f0f;--kleur-wit:#1a1a1a;--kleur-tekst:#e8e8e8;--kleur-subtekst:#888888;--kleur-rand:#2a2a2a;--kleur-primair:#4a7a65;--kleur-primair-hover:#3a6a55;--kleur-accent:#a8956a;--kleur-fout:#e05a4a;--kleur-succes:#4caf70;--kleur-kaart:#1a1a1a;--kleur-invoer-rand:#333333;--editor-bg:#0a0a0a;--editor-zijpaneel:#111111;--editor-rand:#1a1a1a;--editor-tekst:#ffffff;--editor-subtekst:#888888;--editor-kaart:#141414;--editor-kaart-hover:#1e1e1e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--kleur-achtergrond);color:var(--kleur-tekst);line-height:1.6;min-height:100vh;transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 9999px var(--kleur-achtergrond) inset!important;-webkit-text-fill-color:var(--kleur-tekst)!important;caret-color:var(--kleur-tekst);-webkit-transition:background-color 9999s ease;transition:background-color 9999s ease}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-thema=donker] input[type=date]::-webkit-calendar-picker-indicator,[data-thema=donker] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6}[data-thema=donker] input[type=date]::-webkit-calendar-picker-indicator:hover,[data-thema=donker] input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--kleur-primair);outline-offset:1px}