/* ============================================================
   VARIABLES DE DISEÑO - TEMA CLARO (FONDO BLANCO)
   ============================================================ */
:root {
    /* Brand Colors */
    --primary: #013183;
    --secondary: #FFFFFF;
    --accent: #D99B00;
    --accent-gold: #FDC101;
    
    /* Text Colors */
    --text-light: #0F172A;
    --text-muted: #475569;
    --text-dark: #FFFFFF;
    
    /* Backgrounds */
    --bg-dark: #F8FAFC;
    --bg-card: #FFFFFF;
    --bg-glass: rgba(1, 49, 131, 0.06);
    
    /* Gradients */
    --grad-primary: linear-gradient(135deg, #013183 0%, #0A2540 100%);
    --grad-accent: linear-gradient(135deg, #FDC101 0%, #E5A800 100%);
    
    /* Transitions & Shadows */
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    --shadow-glow: 0 8px 25px rgba(1, 49, 131, 0.2);
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.06);
    --border-light: #E2E8F0;
    
    /* Fonts */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;
}