/*
 * THEME CSS - White-label branding variabelen
 *
 * Dit bestand definieert de standaard CSS custom properties.
 * Deze worden overschreven door render_brand_css() in branding.php
 * wanneer een bedrijf custom branding heeft geconfigureerd.
 *
 * Gebruik: Laad dit bestand VOOR alle andere CSS bestanden.
 */

:root {
    /* Primaire merkkleur */
    --brand-primary: #105dd8;
    /* Secundaire merkkleur (donkerder variant) */
    --brand-secondary: #0c4cb6;
    /* Hover kleur (nog donkerder) */
    --brand-hover: #0a3d8f;
    /* Gradient van primair naar secundair */
    --brand-gradient: linear-gradient(135deg, #105dd8 0%, #0c4cb6 100%);
    /* Box shadows met merkkleur */
    --brand-shadow-sm: 0 4px 12px rgba(16, 93, 216, 0.2);
    --brand-shadow-md: 0 8px 24px rgba(16, 93, 216, 0.3);
    --brand-shadow-lg: 0 8px 24px rgba(16, 93, 216, 0.4);
    /* Focus ring */
    --brand-focus-ring: 0 0 0 4px rgba(16, 93, 216, 0.1);
    --brand-focus-ring-sm: 0 0 0 3px rgba(16, 93, 216, 0.1);
}