/* Gegenereerd uit src/UI/Design/tokens.json door _scripts/tokens.ps1 (B-079, #15715). Niet met de hand
   wijzigen: pas de bron aan en genereer opnieuw. Een test in test/Api.Tests bewaakt dat dit bestand de bron volgt. */

:root {
    --vlak-achtergrond: #F4F4F5;
    --vlak-blad: #FFFFFF;
    --vlak-zacht: #FAFAFB;
    --vlak-hover: #F2F2F4;
    --vlak-geselecteerd: #F2F2F4;
    --vlak-actief: #ECECEF;
    --vlak-overlay: #0F0F142E;
    --vlak-donker: #1F2023;
    --tekst: #1F2023;
    --tekst-sterk: #3C3F45;
    --tekst-zacht: #6B6F76;
    --tekst-uit: #9A9EA6;
    --tekst-op-donker: #FFFFFF;
    --tekst-link: #3C3F45;
    --accent: #6F4596;
    --nadruk: #3C3F45;
    --nadruk-hover: #1F2023;
    --avatar-jij: #6F4596;
    --avatar-ander: #6B6F76;
    --logo: #340C46;
    --accent-zacht: #F1ECF5;
    --actie-hoofd: #6F4596;
    --actie-hoofd-hover: #633C88;
    --actie-hoofd-tekst: #FFFFFF;
    --actie-tweede: #FFFFFF;
    --actie-tweede-hover: #F2F2F4;
    --actie-tweede-tekst: #3C3F45;
    --lijn: #EBEBEE;
    --lijn-sterk: #DEDEE3;
    --lijn-hover: #C6C8CD;
    --lijn-veld: #6B6F76;
    --lijn-onbekend: #6B6F76;
    --focus: #6F4596;
    --goed: #1A7F4B;
    --goed-zacht: #DDF3E6;
    --let-op: #A06200;
    --let-op-stip: #E08A00;
    --let-op-zacht: #FDE9C4;
    --fout: #B91C1C;
    --fout-zacht: #FEE2E2;
    --info: #006E9F;
    --info-zacht: #DCEEF7;
    --grafiek-geboekt: #6F4596;
    --grafiek-gepland: #D3C3E0;
    --grafiek-rest: #DEDEE3;
    --grafiek-over: #B91C1C;
    --grafiek-leeg: #EBEBEE;
    --reeks-1: #19698C;
    --reeks-2: #2563C9;
    --reeks-3: #2E4C9A;
    --reeks-4: #4B4FC4;
    --reeks-5: #6D4BC3;
    --reeks-6: #A2347F;
    --reeks-7: #5E5A8C;
    --reeks-8: #52637A;
    --letter-tekst: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --letter-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Consolas", monospace;
    --rol-antwoord: 600 18px/24px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-titel: 600 22px/28px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-kop: 600 13px/18px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-tekst: 400 13px/19px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-klein: 400 12px/16px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-regel: 500 0.8125rem/1.1875rem "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-bijzaak: 400 0.75rem/1rem "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-label: 500 12px/16px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-kengetal: 600 28px/34px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-getal: 600 18px/24px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --ruimte-1: 4px;
    --ruimte-2: 8px;
    --ruimte-3: 12px;
    --ruimte-4: 16px;
    --ruimte-6: 24px;
    --ruimte-8: 32px;
    --ruimte-10: 40px;
    --ruimte-12: 48px;
    --ruimte-16: 64px;
    --raak: 44px;
    --rij: 40px;
    --persoon: 32px;
    --stip: 10px;
    --stip-groot: 12px;
    --stip-cel: 16px;
    --raak-muis: 24px;
    --invoer: 16px;
    --zijbalk: 236px;
    --kopbalk: 44px;
    --inhoud: 860px;
    --paneel: 320px;
    --blad: 1080px;
    --marge: 32px;
    --tussen-groepen: 24px;
    --lijn-dikte: 1px;
    --lijn-onbekend-dikte: 1.5px;
    --hoek-klein: 4px;
    --hoek-veld: 6px;
    --hoek-uitklap: 8px;
    --hoek-groep: 10px;
    --hoek-antwoord: 12px;
    --hoek-rond: 999px;
    --schaduw-groep: 0 0 0 1px rgba(20,20,40,.08), 0 1px 2px rgba(0,0,0,.03);
    --schaduw-uitklap: 0 1px 1px rgba(0,0,0,.03);
    --schaduw-knop: 0 1px 2px rgba(15,15,20,.18), inset 0 1px 0 rgba(255,255,255,.25);
    --schaduw-zwevend: 0 4px 16px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);
    --schaduw-venster: 0 18px 50px rgba(0,0,0,.18);
    --duur-kort: 150ms;
    --duur-middel: 240ms;
    --duur-lang: 400ms;
    --beweging-in: cubic-bezier(0, 0, 0.38, 0.9);
    --beweging-uit: cubic-bezier(0.2, 0, 1, 0.9);
    --beweging-standaard: cubic-bezier(0.22, 0.61, 0.36, 1);
    --beweging-expressief: cubic-bezier(0.4, 0.14, 0.3, 1);
}

/* De telefoon: compact (B-080, punt 1). Binnen AFAS InSite blijft de laptopweergave. */
@media (max-width: 720px) {
    html:not(.embedded) {
        --rol-antwoord: 600 17px/24px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-titel: 600 20px/26px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-kop: 600 13px/18px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-tekst: 400 15px/22px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-klein: 400 13px/18px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-regel: 500 0.9375rem/1.25rem "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-bijzaak: 400 0.8125rem/1.125rem "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-label: 500 12px/16px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-kengetal: 600 30px/36px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rol-getal: 600 18px/24px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
        --rij: 48px;
        --persoon: 28px;
        --marge: 16px;
        --tussen-groepen: 16px;
        --hoek-groep: 12px;
    }
}

/* Een telefoon liggend (B-101, #15922): de telefoon-app ook breder dan 720 px. De dienst Weergave zet html.liggend. */
html.liggend:not(.embedded) {
    --rol-antwoord: 600 17px/24px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-titel: 600 20px/26px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-kop: 600 13px/18px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-tekst: 400 15px/22px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-klein: 400 13px/18px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-regel: 500 0.9375rem/1.25rem "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-bijzaak: 400 0.8125rem/1.125rem "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-label: 500 12px/16px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-kengetal: 600 30px/36px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rol-getal: 600 18px/24px "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --rij: 48px;
    --persoon: 28px;
    --marge: 16px;
    --tussen-groepen: 16px;
    --hoek-groep: 12px;
}