:root {
    /* Backgrounds - Palette Haute Densité & High-Tech */
    --bg-main-light: #f1f5f9;       /*Body bg - Gris béton très clair pour détacher agressivement les composants*/
    --bg-main-dark: #090d16;        /*Menu category bg - Noir d'encre spatial (Deep Space) ultra-profond pour poser le décor*/
    --bg-main-hover: #10b981;       /*Menu hover - Vert émeraude électrique (Terminal branché / Succès de build)*/
    --bg-main: #4c6493;             /*Header, menu, footer bg - Bleu ardoise très sombre pour une structure haut de gamme*/ 
    --bg-code-section: #edf9ff;     /*bg code section - Noir absolu (Pure Matrix Terminal) pour faire ressortir la coloration syntaxique*/ 
    --bg-theme-navbar: #d7f0f2;     /*theme navbar bg - Flash vert menthe très clair pour surligner radicalement la navigation*/ 
    --bg-box-content: #ffffff;      /*Content box bg - Blanc pur avec ombres lourdes pour un effet "cartes de composants"*/
    --bg-accordion-button: #e2e8f0; /*menu accordion - Gris industriel pour marquer les zones cliquables*/
    
    /* Textes - Contraste et Impact */
    --text-color: #0f172a;          /*Default text color - Noir de carbone pour un texte qui claque à la lecture*/
    --text-h1-color: #090d16;       /*H1 text color - Le noir le plus sombre du site pour des titres massifs et imposants*/
    --text-hx-color: #475569;       /*Hx text color - Gris acier pour les sous-titres et la hiérarchie secondaire*/
    
    /* Actions - "The Dev Touch" */
    --button-bg: #0f172a;           /*Bouton Noir Profond - Style minimaliste haut de gamme (très tendance sur les sites de dev récents)*/
    --button-text: #10b981;         /*Texte de bouton Vert Émeraude - Rappelle le code qui compile avec succès*/
}