@font-face{font-family:Fredoka;font-weight:600;font-display:swap;src:url(../fonts/fredoka-600.woff2)format("woff2")}:root{--warm:#e9a227;--warm-deep:#c9820d;--koel:#175e63;--koel-deep:#0e4448;--papier:#f7f1e4;--hennep:#c9a876;--hout:#7a5a3a;--inkt:#3a2a1c;--zand:#efe5d0;--lijn:#7a5a3a38;--fredoka:"Fredoka", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--inkt);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}input,textarea{width:100%;font:inherit;color:var(--inkt);border:1px solid var(--lijn);background:#fff;border-radius:10px;padding:10px 12px;font-size:16px}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--koel) 35%,transparent);border-color:var(--koel)}.knop{font:600 15px/1 var(--fredoka);cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:13px 18px;transition:filter .15s,transform 50ms}.knop:active{transform:translateY(1px)}.knop:disabled{opacity:.5;cursor:not-allowed}.knop.koel{background:var(--koel);color:#fff}.knop.warm{background:var(--warm);color:var(--inkt)}.knop.rood{color:#fff;background:#b3261e}.knop.stil{color:var(--inkt);box-shadow:inset 0 0 0 1px var(--lijn);background:0 0}.knop.gevaar{color:#8a2a17}.knop:not(:disabled):hover{filter:brightness(.95)}:focus-visible{outline:3px solid var(--koel);outline-offset:2px}