/*
 * Jarvis Woonapp — designtokens.
 *
 * Licht als standaard (spec §98: dark mode niet nodig voor MVP, wel
 * voorbereid via deze variabelen). Accentkleur is het bestaande Home
 * Solution-oranje (hud-thema.css: --hud-accent), zodat de Woonapp
 * herkenbaar bij hetzelfde merk hoort zonder de Jarvis-HUD-look over te
 * nemen — dit is een klantgericht scherm, geen operatorscherm.
 */

:root {
    /* merk */
    --w-accent: #0060a9;
    --w-accent-zacht: rgba(0, 96, 169, .10);
    --w-accent-rand: rgba(0, 96, 169, .38);

    /* grond */
    --w-bg: #f5f8fb;
    --w-oppervlak: #ffffff;
    --w-rand: #dbe5ef;
    --w-schaduw: 0 8px 24px -12px rgba(20, 20, 30, .18);

    /* tekst */
    --w-tekst: #0f172a;
    --w-tekst-zacht: #475569;
    --w-tekst-gedempt: #5f6f82; /* ~5:1 op wit; #8a8f98 haalde WCAG AA niet */
    --w-tekst-op-accent: #ffffff;

    /* status */
    --w-ok: #1f9d6c;
    --w-let: #b8790a;
    --w-fout: #d1443a;

    /* score (spec §30, §65: FEIT/BEREKEND/GESCHAT/AI-INSCHATTING labels
       gebruiken dezelfde statuskleuren, niet nieuwe */
    --w-score-hoog: #1f9d6c;
    --w-score-midden: #b8790a;
    --w-score-laag: #8a8f98;

    /* maatvoering (spec §71: minimale tikzone 44px, bij voorkeur 48px) */
    --w-tikzone-min: 44px;
    --w-tikzone: 48px;
    --w-radius: 14px;
    --w-radius-pil: 999px;
    --w-ruimte-xs: 4px;
    --w-ruimte-s: 8px;
    --w-ruimte-m: 16px;
    --w-ruimte-l: 24px;
    --w-ruimte-xl: 32px;

    /* type (spec §97) */
    --w-tekst-pagina: 24px;
    --w-tekst-sectie: 20px;
    --w-tekst-kaart: 17px;
    --w-tekst-body: 16px;
    --w-tekst-meta: 13px;

    /* navigatiehoogte + safe area (spec §77-78: iPhone-thuisscherm) */
    --w-nav-hoogte: 56px;
    --w-safe-onder: env(safe-area-inset-bottom, 0px);
}

/* §98: dark mode architectuur voorbereid, niet actief in MVP.
   Bewust geen [data-theme] hier — pas invullen als dark mode echt gebouwd
   wordt, anders staan hier tokens die nooit getest zijn. */