/* 0.1. Variables globales (:root) */
:root {
    --color-background: #0b1a22;
    --color-header: #111111;
    --color-accent: #775c31;
    --color-accent-light: #917041;
    --color-text: #ffffff;
    --color-text-secondary: #c0c0c0;
    --header-height: 60px;
    --max-width: 1200px;
    --text-scale: 1;
    --z-index-header: 1000;
    --z-index-pagination: 990;
    --z-index-search: 9999;
    --z-index-scroll-top: 1000;
    --mobile-menu-extra: 0px;
    --pagination-bar-height: 61px;

    /* Chanfreins (coins coupés en diagonale) */
    --cut-sm: 8px;
    --cut-md: 12px;

    /* Couleur énergie (animations interactives) */
    --color-energy: rgba(24, 180, 255, 0.8);

    /* VALEURS PAR DÉFAUT/FALLBACK POUR L'ANIMATION (Utilisées par body.dark-mode aussi) */
    --nav-button-smoke-blur-color: #003366;
    --nav-button-smoke-line-color: #0055AA;
    --nav-button-smoke-blur-alpha: 0.5;
    --nav-button-smoke-line-alpha: 1;
}