/* ============================================
   VARIABLES — Federación Canaria de Boxeo
   ============================================ */

:root {
    /* Colores del logo / bandera canaria */
    --color-blue:        #1B75BB;
    --color-blue-dark:   #0D4A8A;
    --color-blue-light:  #3A9AE8;
    --color-yellow:      #FFD700;
    --color-yellow-dark: #E6B800;
    --color-green:       #2E8B3C;
    --color-green-light: #3CB371;
    --color-white:       #FFFFFF;
    --color-off-white:   #F0F4F8;

    /* Fondos oscuros */
    --color-bg-primary:   #0A0E1A;
    --color-bg-secondary: #111827;
    --color-bg-card:      rgba(17, 24, 39, 0.75);
    --color-bg-glass:     rgba(255, 255, 255, 0.05);

    /* Texto */
    --color-text-primary:   #F0F4F8;
    --color-text-secondary: #94A3B8;
    --color-text-muted:     #64748B;

    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, var(--color-blue) 0%, var(--color-blue-dark) 100%);
    --gradient-accent:  linear-gradient(135deg, var(--color-yellow) 0%, var(--color-yellow-dark) 100%);
    --gradient-hero:    linear-gradient(160deg, #0A0E1A 0%, #0D2040 40%, #0A1628 100%);
    --gradient-card:    linear-gradient(145deg, rgba(27,117,187,0.15) 0%, rgba(255,215,0,0.05) 100%);

    /* Tipografía */
    --font-primary: 'Montserrat', sans-serif;
    --font-display: 'Orbitron', sans-serif;

    /* Espaciado */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;
    --space-3xl: 5rem;
    --space-4xl: 8rem;

    /* Bordes */
    --radius-sm:   8px;
    --radius-md:   12px;
    --radius-lg:   20px;
    --radius-xl:   32px;
    --radius-full: 9999px;

    /* Sombras 3D */
    --shadow-sm:    0 2px 8px rgba(0,0,0,0.3);
    --shadow-md:    0 8px 24px rgba(0,0,0,0.4);
    --shadow-lg:    0 16px 48px rgba(0,0,0,0.5);
    --shadow-glow-blue:   0 0 30px rgba(27,117,187,0.4);
    --shadow-glow-yellow: 0 0 30px rgba(255,215,0,0.3);
    --shadow-3d:    0 20px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05);

    /* Transiciones */
    --transition-fast:   0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow:   0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Layout */
    --container-max: 1280px;
    --navbar-height: 80px;
    --perspective:   1200px;
}