/**
 * Thema: Belastingdienst-achtig
 * Licht palet: wit en blauwtinten, donkergrijs tekst.
 * Bovenkant: één kader met twee blauwtinten (hoofdvlak + donkere strip voor slogan).
 */
:root {
    /* Achtergronden */
    --color-background: #f5f5f5;
    --color-surface: #ffffff;
    --color-surface-alt: #eeeeee;
    /* Kader bovenkant: hoofdvlak (lichter blauw) + strip slogan (donkerder blauw) */
    --color-primary-dark: #4A6FA5;
    --color-accent: #223046;
    /* Primair (knoppen, links) */
    --color-primary: #2E6DA4;
    --color-primary-muted: rgba(46, 109, 164, 0.12);
    /* Accent hover */
    --color-accent-hover: #0069b4;
    --color-accent-muted: rgba(0, 105, 180, 0.15);
    /* Tekst */
    --color-text: #1a1a1a;
    --color-text-muted: #595959;
    --color-text-on-primary: #ffffff;
    /* Randen */
    --color-border: rgba(0, 0, 0, 0.12);
    --color-border-strong: rgba(0, 0, 0, 0.2);
    /* Status / risicocategorieën */
    --color-status-success: #007c4a;
    --color-status-warning: #e17000;
    --color-status-error: #c00;
    --color-status-info: #0069b4;
    --color-status-success-muted: rgba(0, 124, 74, 0.15);
    --color-status-warning-muted: rgba(225, 112, 0, 0.15);
    --color-status-error-muted: rgba(204, 0, 0, 0.12);
    --color-status-info-muted: rgba(0, 105, 180, 0.15);
    /* Overlay & waarschuwing */
    --color-overlay: rgba(0, 0, 0, 0.5);
    --color-warning-bg: rgba(0, 48, 130, 0.1);
    --color-warning-border: #003082;
    --color-warning-text: #003082;
    /* Rand header (subtiel) */
    --color-border-strong: rgba(255, 255, 255, 0.08);
    /* Schaduw */
    --color-shadow-hero: rgba(34, 48, 70, 0.25);
    --color-shadow-modal: rgba(0, 0, 0, 0.3);
    --color-shadow-success: rgba(0, 124, 74, 0.2);
    --color-shadow-accent: rgba(0, 48, 130, 0.25);
}