/* ==========================================================================
   theme.css – huisstijl per klant
   --------------------------------------------------------------------------
   Pas na het forken alleen deze variabelen aan. Ze worden gebruikt in
   styles.css, header.css, login.css, mijn-account.css en de inline styles
   van de pagina's.

   Let op: assets/check-circle.svg wordt als <img> geladen en kan geen
   CSS-variabelen gebruiken; pas de fill-kleur daar zo nodig handmatig aan.
   ========================================================================== */

:root {
    /* Primaire kleur: banner, footer, winkelmand-totaal */
    --brand-primary: #1F4E79;
    --brand-primary-dark: #163A5C;
    --brand-primary-light: #2E6DA4;

    /* Accentkleur: knoppen, stappen-indicator, links */
    --brand-accent: #3A3F8F;
    --brand-accent-dark: #2E3272;
    --brand-accent-hover: #4A50A8;

    /* Font voor opvallende koppen (bijv. "Gefeliciteerd" op bedankt.html).
       Wil je een eigen font: voeg een @font-face toe in dit bestand. */
    --font-display: 'Outfit', sans-serif;
}