/**
 * ITLive Brand Tokens – Logo-gebaseerd designsysteem (donkerblauw + goud)
 * Gebruik: laad na itlive-unified.css om de nieuwe huisstijl toe te passen.
 * Zie: design/itlive-design-tokens.json en docs/ITLIVE_STYLE_BLUEPRINT.md
 */

:root {
    /* Primary – donkerblauw (achtergronden, headings) */
    --itlive-brand-primary-900: #0A1A30;
    --itlive-brand-primary-800: #0C2340;
    --itlive-brand-primary-700: #10284D;

    /* Accent – goud (CTA, iconen, highlights) */
    --itlive-brand-accent-500: #F2C14F;
    --itlive-brand-accent-600: #E0AF3A;

    /* Achtergrond */
    --itlive-brand-bg-base: #F7F8FC;
    --itlive-brand-bg-card: #FFFFFF;

    /* Tekst */
    --itlive-brand-text-primary: #111827;
    --itlive-brand-text-muted: #6B7280;
    --itlive-brand-text-on-primary: #FFFFFF;

    /* Status */
    --itlive-brand-success: #10B981;
    --itlive-brand-warning: #F59E0B;
    --itlive-brand-error: #EF4444;

    /* Rand */
    --itlive-brand-border: #E5E7EB;

    /* Typography (overeenkomst design-tokens.json) */
    --itlive-brand-font-heading: Montserrat, Poppins, system-ui, sans-serif;
    --itlive-brand-font-body: Inter, Roboto, system-ui, sans-serif;

    /* Radius */
    --itlive-brand-radius-sm: 4px;
    --itlive-brand-radius-md: 8px;
    --itlive-brand-radius-lg: 12px;

    /* Shadow */
    --itlive-brand-shadow-card: 0 10px 30px rgba(15, 23, 42, 0.08);

    /* Dark hero variant (landing / space-achtergrond) */
    --itlive-brand-hero-bg: #020917;
    --itlive-brand-hero-bg-mid: #0a1a35;
    --itlive-brand-hero-muted: #7bafd4;
    --itlive-brand-cyan: #00cfff;
}

/* Optioneel: overschrijf bestaande itlive-unified vars wanneer deze file na unified wordt geladen */
.itlive-brand-theme,
[data-itlive-theme="brand"] {
    --itlive-primary: var(--itlive-brand-primary-800);
    --itlive-primary-dark: var(--itlive-brand-primary-900);
    --itlive-primary-light: var(--itlive-brand-primary-700);
    --itlive-accent: var(--itlive-brand-accent-500);
    --itlive-success: var(--itlive-brand-success);
    --itlive-warning: var(--itlive-brand-warning);
    --itlive-error: var(--itlive-brand-error);
    --itlive-dark: var(--itlive-brand-primary-900);
    --itlive-light: var(--itlive-brand-bg-base);
    --itlive-white: var(--itlive-brand-bg-card);
    --itlive-font-primary: var(--itlive-brand-font-body);
    --itlive-font-secondary: var(--itlive-brand-font-heading);
}