:root{--kleur-accent: #0b6bcb;--kleur-accent-zacht: #e8f1fb;--kleur-accent-hover: rgba(11, 107, 203, .04);--kleur-accent-selectie: rgba(11, 107, 203, .08);--kleur-papier: #f1f3f6;--kleur-vel: #ffffff;--kleur-rail: #f7f8fa;--kleur-lijn: #e5e8ec;--kleur-streep: #dde3e9;--kleur-tekst: #0f172a;--kleur-muted: #64748b;--kleur-zacht: #94a3b8;--kleur-fout: #dc2626;--radius-klein: 6px;--radius: 10px;--radius-kaart: 16px;--schaduw-vel: 0 2px 10px rgba(15, 23, 42, .1), 0 12px 28px rgba(15, 23, 42, .06);--ruimte: 8px;--breedte: 1180px;--topbar: 64px;--kop-padding: 64px;--font: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--type-schaal: 1.25;--tekst-klein: calc(12px * var(--type-schaal));--tekst: calc(14px * var(--type-schaal));--tekst-groot: calc(16px * var(--type-schaal));--tekst-kop: calc(18px * var(--type-schaal));--tekst-titel: calc(26px * var(--type-schaal));--tekst-pagina: calc(36px * var(--type-schaal));--tekst-hero: calc(52px * var(--type-schaal));--tekst-watermerk: calc(96px * var(--type-schaal));--tekst-ornament: calc(300px * var(--type-schaal));color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--kleur-papier);color:var(--kleur-tekst);font-family:var(--font);font-size:var(--tekst);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius);font-weight:600;font-size:var(--tekst);cursor:pointer;background:var(--kleur-accent);color:#fff}.knop:hover{filter:brightness(1.05)}.knop--stil{background:var(--kleur-vel);color:var(--kleur-tekst);border-color:var(--kleur-lijn)}.knop--tekst{background:transparent;color:var(--kleur-tekst);padding:0 8px}.knop[disabled]{opacity:.5;cursor:not-allowed}.veld{display:flex;flex-direction:column;gap:6px}.veld>label{font-size:var(--tekst-klein);font-weight:600}.veld input,.veld textarea{font:inherit;color:inherit;background:var(--kleur-vel);border:1px solid var(--kleur-lijn);border-radius:var(--radius);padding:11px 12px;outline:none}.veld input:focus,.veld textarea:focus{border-color:var(--kleur-accent);box-shadow:0 0 0 3px #0b6bcb1f}.veld--fout input,.veld--fout textarea{border-color:var(--kleur-fout)}.veld__fout{font-size:var(--tekst-klein);color:var(--kleur-fout)}.kaart{background:var(--kleur-vel);border:1px solid var(--kleur-lijn);border-radius:var(--radius-kaart)}