/* PSKA Design Tokens */
/* Alle kleuren centraal gedefinieerd voor de gehele app */

:root {
    /* Basis kleuren */
    --pska-geel: #f9b775;
    --pska-donkerblauw: #1c2d50;
    --pska-blauw: #2075ba;
    --pska-blauw-hover: #1b639e;
    --pska-groen: #8cab89;
    --pska-groen-active: #A3BCA1;
    --pska-wit: #ffffff;
    --pska-zwart: #000000;
    --pska-grijs-licht: #ececec;

    /* Bootstrap themekleuren */
    --bs-primary: #2075ba;   /* pska-blauw */
    --bs-secondary: #8cab89; /* pska-groen */

    /* Extra semantische tokens */
    --kleur-basis: #2075ba; /* gebruikt door inforondje */

    /* Generiek */
    --pska-white: #ffffff;
    --pska-black: #000000;
    --pska-black-rgb: 0, 0, 0;
    --pska-gray-100: #ececec;
}