:root {
    /* Couleurs principales */
    --primary-blue: #003082;
    --primary-green: #95C11F;

    /* Backgrounds */
    --dark-bg: #22252b;
    --darker-bg: #22252b;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --card-bg: rgba(255, 255, 255, 0.02);

    /* Textes */
    --light-text: #FFFFFF;
    --gray-text: #A0A0A0;
    --text-color: #E0E0E0;

    /* Bordures et effets */
    --border-light: rgba(255, 255, 255, 0.05);
    --border-radius: 15px;

    /* Navigation */
    --nav-height: 80px;

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.2s ease;

    /* Ombres */
    --shadow-default: 0 10px 30px rgba(0, 0, 0, 0.2);
    --shadow-hover: 0 0 30px rgba(149, 193, 31, 0.3);
    --shadow-small: 0 4px 20px rgba(0, 0, 0, 0.2);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--light-text), var(--primary-green));
    --gradient-card: linear-gradient(145deg, rgba(149, 193, 31, 0.05), rgba(0, 48, 130, 0.05));

    /* Conteneurs */
    --container-width: 1400px;

    /* Z-index */
    --z-nav: 1000;
    --z-modal: 9999;
    --z-dropdown: 100;
}

/* Variables pour les animations */
:root {
    --animation-duration: 1s;
    --animation-timing: ease-out;
    --default-opacity: 0;
    --glow-min-opacity: 0.1;
    --glow-max-opacity: 0.2;
    --translate-y-small: 20px;
    --translate-y-medium: 30px;
}

/* Mode sombre (par défaut) */
@media (prefers-color-scheme: dark) {
    :root {
        --dark-bg: #22252b;
        --darker-bg: #22252b;
    }
}

/* Support pour les anciens navigateurs */
@supports not (backdrop-filter: blur(10px)) {
    :root {
        --glass-bg: rgba(0, 0, 0, 0.8);
        --card-bg: rgba(0, 0, 0, 0.7);
    }
}