/* ── Thème entreprise : Viseo ────────────────────────────────────────────────
   Charte graphique Viseo — à personnaliser selon les couleurs officielles.
   Ce fichier surcharge les CSS custom properties de base.html et auth.css.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Couleurs principales ───────────────────────────────────────────────── */
  --navy:             #003F7A;
  --blue:             #0057A8;
  --blue-soft:        #4A9FE0;
  --blue-hover:       #004A91;
  --blue-shadow:      rgba(0, 87, 168, 0.30);
  --mint:             #00A86B;
  --mint-fluo:        #00C896;
  --mint-hover:       #009F65;
  --mint-shadow:      rgba(0, 200, 150, 0.35);

  /* ── Fonds ──────────────────────────────────────────────────────────────── */
  --bg:               #F5F8FB;
  --bg-soft:          #EEF4FA;
  --bg-accent:        #F0FAF5;
  --card:             #FFFFFF;
  --card-hover:       #F8FBFF;

  /* ── Ombres ─────────────────────────────────────────────────────────────── */
  --shadow-navbar:    rgba(0, 40, 80, 0.18);
  --shadow-card:      rgba(0, 40, 80, 0.10);
  --shadow-card-sm:   rgba(0, 40, 80, 0.06);

  /* ── Résultats pronostics ───────────────────────────────────────────────── */
  --prono-win:        #047857;
  --prono-partial:    #B45309;

  /* ── Toggle ON ──────────────────────────────────────────────────────────── */
  --toggle-on-bg:     #ECFDF5;
  --toggle-on-text:   #047857;
  --toggle-on-border: #6EE7B7;

  /* ── Stats 1X2 ──────────────────────────────────────────────────────────── */
  --1x2-home:         var(--blue);
  --1x2-draw:         var(--muted);
  --1x2-away:         #DC2626;

  /* ── Auth pages ─────────────────────────────────────────────────────────── */
  --auth-bg:          #F0F4F8;
  --auth-accent:      #0057A8;
  --auth-btn:         #003F7A;
  --auth-btn-hover:   #0057A8;
  --auth-focus-ring:  rgba(0, 87, 168, 0.12);
  --auth-btn-shadow:  rgba(0, 87, 168, 0.28);
  --auth-link:        #0057A8;
}