/* ============================================================================
   THÈME — "Coach 27" pour Football President
   Fichier chargé APRÈS le <style> inline de index.html : il redéfinit les
   variables de couleur (l'accent or bleu ciel) et affine quelques composants
   (topbar, menu, blocs, boutons). Tout le jeu suit automatiquement car il
   utilise des variables CSS.
   Pour ajuster la couleur d'accent : change --gold ci-dessous, tout suit.
   ============================================================================ */

:root {
  /* Fonds : navy quasi-noir, plus net et plus sombre (look Coach 27) */
  --bg:    #080b16;
  --bg2:   #0d1424;
  --card:  #111a30;
  --card2: #16203acc;
  --line:  #22304e;

  /* Texte */
  --txt:   #e9f1ff;
  --muted: #8195bd;

  /* Accent principal : BLEU CIEL (le "27" de Coach 27) — remplace l'or */
  --gold:  #3ea6ff;
  --blue:  #3ea6ff;

  /* Résultats (inchangés sémantiquement) */
  --green: #34d399;
  --red:   #fb5b70;
  --violet:#8b5cf6;

  --shadow: 0 12px 34px #00000099;

  /* Teintes dérivées de l'accent (pour les lueurs/dégradés) */
  --accent:      #3ea6ff;
  --accent-deep: #1e7fe0;
  --accent-glow: #3ea6ff55;
}

/* ---- Topbar plus nette ---- */
.topbar {
  background: linear-gradient(90deg, #0c1730, #0a1120) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 2px 0 #ffffff06, 0 8px 22px #0007 !important;
}
.money { color: var(--accent) !important; text-shadow: 0 0 22px var(--accent-glow) !important; }

/* ---- Blocs / cards : coins arrondis, bordure douce, léger dégradé ---- */
.card {
  background: linear-gradient(180deg, #131d34, #0f1728) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px #00000055 !important;
}

/* ---- Menu latéral : item actif avec accent bleu à gauche ---- */
.nav-item.active {
  background: linear-gradient(90deg, #12294f, #0e1d3a) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 var(--accent) !important;
}
.nav-item:hover { background: #14203c !important; color: var(--txt) !important; }

/* ---- Boutons primaires : dégradé bleu ---- */
.btn.gold {
  background: linear-gradient(180deg, var(--accent), var(--accent-deep)) !important;
  color: #041020 !important;
  border: 0 !important;
  box-shadow: 0 4px 14px var(--accent-glow) !important;
}
.btn.gold:hover { filter: brightness(1.07); }

/* ---- Titres de section : accent bleu discret ---- */
h3.sec { color: var(--txt) !important; }

/* ---- Poster d'accueil : compte à rebours en bleu ---- */
.poster .cd, .poster .team .n { color: var(--accent) !important; }

/* ---- Barre de progression du match ---- */
.ml-prog i, #ml-prog { background: linear-gradient(90deg, var(--accent), var(--accent-deep)) !important; }