:root { --bvc-navy: #202245;
--bvc-navy-donker: #171935;
--bvc-navy-licht: #2c2f5e;
--bvc-oranje: #F29100;
--bvc-oranje-donker: #d17e00;
--bvc-geel: #F7E600;
--bvc-rood: #EA3829;
--bvc-groen: #27BB36;
--bvc-wit: #ffffff;
--bvc-navy-rgb: 32, 34, 69;
--bvc-oranje-rgb: 242, 145, 0;
--bvc-geel-rgb: 247, 230, 0;
--bvc-rood-rgb: 234, 56, 41;
--bvc-groen-rgb: 39, 187, 54; --bvc-font-kop: 'Mokoko', Georgia, serif;
--bvc-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; --bvc-radius: 14px;
--bvc-radius-klein: 8px; --bvc-bg: #ffffff; --bvc-bg-sectie: #f1f1f3; --bvc-kaart: #ffffff; --bvc-kaart-rand: #e3e3e8;
--bvc-kaart-schaduw: 0 1px 3px rgba(32, 34, 69, 0.08), 0 4px 12px rgba(32, 34, 69, 0.05);
--bvc-tekst: #202245; --bvc-tekst-gedempt: #6b6d85; --bvc-tekst-op-accent: #202245; --bvc-tekst-op-navy: #ffffff; --bvc-accent: var(--bvc-oranje); --bvc-accent-hover: var(--bvc-oranje-donker);
--bvc-link: #b06a00; --bvc-invoer-bg: #ffffff;
--bvc-invoer-rand: #c9cad6;
--bvc-ok: #197d24; --bvc-fout: #c0271a; --bvc-scheiding: rgba(32, 34, 69, 0.10);
--bvc-vlak-subtiel: rgba(32, 34, 69, 0.05);
} @media ( prefers-color-scheme: dark ) {
:root {
--bvc-bg: var(--bvc-navy);
--bvc-bg-sectie: var(--bvc-navy-donker);
--bvc-kaart: var(--bvc-navy-licht);
--bvc-kaart-rand: rgba(255, 255, 255, 0.10);
--bvc-kaart-schaduw: none;
--bvc-tekst: #ffffff;
--bvc-tekst-gedempt: #b9bad4;
--bvc-tekst-op-accent: var(--bvc-navy);
--bvc-tekst-op-navy: #ffffff;
--bvc-accent: var(--bvc-oranje);
--bvc-accent-hover: #ffa41f;
--bvc-link: var(--bvc-geel);
--bvc-invoer-bg: var(--bvc-navy-licht);
--bvc-invoer-rand: rgba(255, 255, 255, 0.18);
--bvc-ok: #4ade80;
--bvc-fout: #ff6b6b;
--bvc-scheiding: rgba(255, 255, 255, 0.12);
--bvc-vlak-subtiel: rgba(255, 255, 255, 0.07);
}
} :root {
--bvc-status-neutraal-vlak: rgba(32, 34, 69, 0.05); --bvc-status-neutraal-tekst: #6b6d85;
--bvc-status-wacht-vlak: rgba(32, 34, 69, 0.10); --bvc-status-wacht-tekst: #202245;
--bvc-status-ok-vlak: rgba(39, 187, 54, 0.14); --bvc-status-ok-tekst: #16701f;
--bvc-status-ok-vol-vlak: #197d24; --bvc-status-ok-vol-tekst: #ffffff;
--bvc-status-letop-vlak: rgba(242, 145, 0, 0.16); --bvc-status-letop-tekst: #8a4b00;
--bvc-status-fout-vlak: rgba(234, 56, 41, 0.14); --bvc-status-fout-tekst: #c0271a; --bvc-jaar-vlak: var(--bvc-geel);
--bvc-jaar-tekst: var(--bvc-navy); --bvc-ruimte-1: 4px;
--bvc-ruimte-2: 8px;
--bvc-ruimte-3: 12px;
--bvc-ruimte-4: 16px;
--bvc-ruimte-5: 24px;
--bvc-ruimte-6: 32px;
--bvc-tikvlak: 44px;  --bvc-duur-snel: 150ms;
--bvc-duur: 250ms;
--bvc-easing: cubic-bezier(0.4, 0, 0.2, 1);
}
@media ( prefers-color-scheme: dark ) {
:root {
--bvc-status-neutraal-vlak: rgba(255, 255, 255, 0.07);
--bvc-status-neutraal-tekst: #b9bad4;
--bvc-status-wacht-vlak: rgba(255, 255, 255, 0.14);
--bvc-status-wacht-tekst: #ffffff;
--bvc-status-ok-vlak: rgba(39, 187, 54, 0.18);
--bvc-status-ok-tekst: #4ade80;
--bvc-status-ok-vol-vlak: #4ade80;
--bvc-status-ok-vol-tekst: var(--bvc-navy);
--bvc-status-letop-vlak: rgba(242, 145, 0, 0.18);
--bvc-status-letop-tekst: #ffb547;
--bvc-status-fout-vlak: rgba(234, 56, 41, 0.16);
--bvc-status-fout-tekst: #ff8f8f;
}
} :root {
--bvc-orange: var(--bvc-oranje);
--bvc-yellow: var(--bvc-geel);
--bvc-red: var(--bvc-rood);
--bvc-green: var(--bvc-groen);
--bvc-gray: var(--bvc-tekst-gedempt);
--bvc-navy-light: var(--bvc-kaart);
--bvc-grijs: var(--bvc-tekst-gedempt);
--bvc-font-heading: var(--bvc-font-kop);
} .bvc-loterij-app,
.bvc-prize-submission,
.bvc-prizes-slider,
.lotchecker-form,
.lotchecker-results,
.bvc-uit,
.bvc-cv {
font-family: var(--bvc-font-body);
color: var(--bvc-tekst);
}
.bvc-loterij-app :is(h1, h2, h3, h4, h5, h6),
.bvc-prize-submission :is(h1, h2, h3, h4, h5, h6),
.bvc-prizes-slider :is(h1, h2, h3, h4, h5, h6),
.lotchecker-form :is(h1, h2, h3, h4, h5, h6),
.lotchecker-results :is(h1, h2, h3, h4, h5, h6),
.bvc-uit :is(h1, h2, h3, h4, h5, h6),
.bvc-cv :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--bvc-font-kop);
color: var(--bvc-tekst);
}