/**
 * Brand CSS variables — Voldier.
 * Per-product file. Single source of truth for colors, logos, OG images.
 *
 * INTERIM PALETTE (2026-05-23): paleta distintiva placeholder hasta que el
 * diseñador entregue la identidad final de Voldier. Hoy usa:
 *   - Primary: deep blue #1d4ed8 (sober EU/UK fintech)
 *   - Secondary: amber #d97706 (warmth accent — différentielle vs RL indigo/green)
 * Logos / favicon / OG image aún son los de RL renombrados via Phase 12
 * mass-replace — bloqueante para publish público real, requiere diseñador.
 */
:root {
    /* UI primary — deep blue (EU fintech sober) */
    --brand-primary-rgb:       29 78 216;
    --brand-primary:           #1d4ed8;
    --brand-primary-hover:     #1e40af;

    /* Secondary — amber warmth accent */
    --brand-secondary-rgb:     217 119 6;
    --brand-secondary:         #d97706;

    /* Dark backgrounds (shared Tailwind dark palette) */
    --brand-dark:              #020617;
    --brand-dark-card:         #0f172a;

    /* Sidebar tooltip bg */
    --brand-tooltip-bg:        #1e293b;

    /* Progress bar gradient — primary to secondary */
    --brand-progress-gradient: linear-gradient(90deg, #1d4ed8, #d97706);

    /* Active nav shadow */
    --brand-nav-shadow:        rgba(29, 78, 216, 0.35);

    /* Chat bubble */
    --brand-chat-user-bg:      #1d4ed8;

    /* Period selector active */
    --brand-period-active-color: #1d4ed8;

    /* OG image (referenced from per-product HTML, not from shared CSS) */
    --brand-og-image:          /images/og-banner.png;

    /* Favicon */
    --brand-favicon:           /images/favicon.png;

    /* Logo image path */
    --brand-logo-src:          url('/images/logo.png');
}