/**
 * Variables CSS - Quiz World Cup 2026
 * Palette officielle FIFA WC 2026 : bleu marine · rouge · or · blanc
 */

:root {
    /* Couleurs primaires WC 2026 */
    --color-gold:        #FFD700;
    --color-gold-dark:   #C9A000;
    --color-gold-light:  #FFE84D;

    --color-red:         #E31837;   /* rouge FIFA WC 2026 */
    --color-red-dark:    #B5102A;
    --color-red-light:   #FF3D55;

    --color-blue:        #003087;   /* bleu marine FIFA WC 2026 */
    --color-blue-mid:    #0047BB;
    --color-blue-light:  #1565C0;

    --color-white: #FFFFFF;

    /* Fonds sombres inspirés bleu marine WC */
    --bg-primary:   #010F2E;
    --bg-secondary: #031A4A;
    --bg-card:      rgba(3, 26, 74, 0.95);
    --bg-overlay:   rgba(1, 8, 30, 0.85);

    /* Textes */
    --text-primary:   #FFFFFF;
    --text-secondary: rgba(255, 255, 255, 0.82);
    --text-muted:     rgba(255, 255, 255, 0.48);

    /* États */
    --color-success: #00C45B;
    --color-error:   #FF3333;
    --color-warning: #FFD700;
    --color-locked:  #4A5568;

    /* Ombres */
    --shadow-glow-gold: 0 0 22px rgba(255, 215,  0, 0.55);
    --shadow-glow-red:  0 0 22px rgba(227,  24, 55, 0.55);
    --shadow-glow-blue: 0 0 22px rgba(  0,  71,187, 0.55);
    --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.45);

    /* Géométrie */
    --border-radius:    12px;
    --border-radius-lg: 20px;

    /* Transitions */
    --transition-fast:   0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow:   0.5s ease;

    /* Police */
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    /* ── Alias pour compatibilité main.css (hérité quiz-civ) ── */
    /* "orange" → rouge WC 2026 */
    --color-orange:       var(--color-red);
    --color-orange-dark:  var(--color-red-dark);
    --color-orange-light: var(--color-red-light);

    /* "green" → or WC 2026 (utilisé pour score, étapes terminées) */
    --color-green:       var(--color-gold);
    --color-green-dark:  var(--color-gold-dark);
    --color-green-light: var(--color-gold-light);

    /* Accent générique → bleu WC 2026 */
    --color-accent:       var(--color-blue-mid);
    --color-accent-dark:  var(--color-blue);
    --color-accent-light: var(--color-blue-light);
}