*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--rood: #c62820;--rood-donker: #991f19;--accent: #c62820;--accent-soft: #fde8e4;--ink: #172033;--navy: #1f2a3d;--grijs-bg: #f4f6f8;--grijs-rand: #d9dee7;--grijs-rand-2: #edf0f4;--surface: #ffffff;--surface-muted: #f8fafc;--tekst: #172033;--tekst-zacht: #647083;--tekst-licht: #9aa4b2;--wit: #ffffff;--nav-h: 56px;--radius: 8px;--shadow-soft: 0 1px 2px rgba(16, 24, 40, .05);--kaart-aanwezig: #ffffff;--kaart-afwezig: #f8fafc;--kaart-tekort: #fff4ed;--groen-zacht: #4b5563;--oranje-zacht: #b45309}html,body,#root{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--grijs-bg);color:var(--tekst);font-size:14px;letter-spacing:0}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(198,40,32,.22);outline-offset:2px}