/* ========================================================= */
/* 🎨 DÉFINITION DES COULEURS GLOBALES                       */
/* ========================================================= */

:root {
    /* --- COULEURS PRINCIPALES --- */
    --cyan-VA: #51aeca;
    --cyan-hover: #3a93af;
    --bleu-menu: #2271b1;
    --bleu-icone: #3498db;
    --bleu-points: #2766a4;
    --bleu-jsppk: #2d85ce;
    
    /* --- BACKGROUNDS & TEXTES --- */
    --noir-foncé: #111111;
    --noir-VA: #1e1e1e;
    --noir-score: #1e293b;
    --blanc-texte: #efefef;
    --blanc-pur: #ffffff;
    --blanc-gris: #f0f0f0;
    --blanc-score: #f8fafc;
    --blanc-team: #f8f8f8;
    --gris-score: #e2e8f0;
    --gris-texte: #dddddd;
    --gris-admin: #cccccc;
    --gris-time: #acacac;
    --gris-stats: #bbbbbb;
    --gris-placeholder: #aaaaaa;
    --gris-moyen: #888888;
    --gris-desactive: #666666;
    --gris-icone: #555555;
    --gris-icone-hover: #777777;
    --admin-poule-bg: #eef2fa;
    --admin-regul-bg: #fef8ee;
    --admin-tiret: #999999;

    /* --- BORDURES & ÉLÉMENTS SOMBRES --- */
    --gris-border: #333333;
    --gris-fonce: #444444;
    --noir-border: #363636;
    --border-no-shadow: #3a3a3a;
    --gris-bordure-claire: #e0e0e0;
    --gris-clair-bg: #eeeeee;
    --noir-border-inscription: #292929;

    /* --- ÉTATS & ALERTES --- */
    --vert-positif: #2ecc71;
    --vert-status: #20bc61;
    --rouge-status: #db1929;
    --vert-succes-border: #1a7a2e;
    --rouge-clair: #DC3545E6;
    --rouge-relegation: #bd2a2c;
    --rouge-erreur: #e74c3c;
    --cancel-button: #c0392b;
    --rouge-ferme: #ff5555;
    --badge-playoffs: #d63638;
    --bleu-playoffs: #1a4e83;
    --bleu-foncé: #1a41c2;
    --pct-inf20: #bc5348;
    --pct-inf40: #c86523;
    --pct-inf60: #c09424;
    --pct-sup60: #379a4c;

    /* --- CLASSEMENTS & MÉDAILLES --- */
    --profil-classement: #f5a623; 
    --medaille-argent: #9b9b9b;
    --medaille-bronze: #cd7f32;
    --bg-highlight-jaune: #332b11;
    --bg-highlight-bleu: #1a2b3c;

    /* --- BOUTONS SPÉCIFIQUES --- */
    --jaune-bouton: #ffcc00;
    --jaune-bouton-hover: #f1c100;
    --reglement-x2-playoffs: #f4e181;
    --border-regl-playoffs: #e8c30d;
    --hover-btn-deco: #ffdb4d;
    --hover-btn-deco2: #ffcc00;
    --google-btn: #d24249;
    --google-btn-hover: #d93d45;
    --linkedin-color: #0077b5;

    /* --- COULEURS POINTS --- */
    --sup-inf90: #1a7a2e;
    --inf80-70: #2271b1;
    --inf60-50: #b8860b;
    --inf40-30: #d35400;
    --inf20-10: #c0392b;
    --inf05: #8e44ad;


    /* --- VARIABLES D'OPACITÉ (RGBA) --- */
    --cyan-rgba-15: rgba(81, 174, 202, 0.15);
    --cyan-rgba-30: rgba(81, 174, 202, 0.3);
    --cyan-rgba-40: rgba(81, 174, 202, 0.4);
    
    --or-rgba-10: rgba(255, 204, 0, 0.1);
    --or-rgba-15: rgba(245, 166, 35, 0.15);
    --or-rgba-25: rgba(204, 137, 30, 0.25);
    --or-rgba-30: rgba(255, 204, 0, 0.3);
    --or-rgba-40: rgba(245, 166, 35, 0.4);
    --or-rgba-50: rgba(255, 204, 0, 0.5);

    --vert-rgba-10: rgba(46, 204, 113, 0.1);
    --vert-rgba-15: rgba(46, 204, 113, 0.15);
    --vert-rgba-20: rgba(26, 122, 46, 0.2);
    --vert-rgba-40: rgba(46, 204, 113, 0.4);

    --rouge-rgba-10: rgba(189, 42, 44, 0.1);
    --rouge-rgba-15: rgba(220, 53, 69, 0.15);
    --rouge-rgba-20: rgba(192, 57, 43, 0.2);
    --rouge-rgba-30: rgba(192, 57, 43, 0.3);
    --rouge-rgba-40: rgba(220, 53, 69, 0.4);

    --google-rgba-40: rgba(240, 76, 84, 0.4);
    --google-rgba-60: rgba(240, 76, 84, 0.6);
    
    /* Ombres (Shadows) */
    --blanc-transparent: rgba(255,255,255,0.2);
    --shadow-02: rgba(0, 0, 0, 0.02);
    --shadow-05: rgba(0, 0, 0, 0.05);
    --shadow-08: rgba(0, 0, 0, 0.08);
    --shadow-10: rgba(0, 0, 0, 0.1);
    --shadow-15: rgba(0, 0, 0, 0.15);
    --shadow-20: rgba(0,0,0,0.2);
    --shadow-30: rgba(0, 0, 0, 0.3);
    --shadow-40: rgba(0, 0, 0, 0.4);
    --shadow-50: rgba(0, 0, 0, 0.5);
    --shadow-60: rgba(0, 0, 0, 0.6);
    --shadow-80: rgba(0, 0, 0, 0.8);
}