/* Charte TC Courrières (créée avec Claude Design, d'après le logo et la bannière du club).
   Partagée par les trois pages ; les couleurs suivent le thème clair ou sombre du téléphone. */
:root {
  --vert-club: #3b6138; --terre-battue: #cb6240; --ciel: #99d6c4; --balle: #b5ca55; --sur-vert: #ffffff;
  --fond: #f4f2ec; --surface: #ffffff; --camp-club: #dde9d7; --encre: #1f2b1e; --doux: #5e6b5b; --trait: #dcdcd2;
  --vert-texte: #3b6138; --terre-texte: #a8492b; --danger: #b42318;
  --font-titre: "Montserrat", "Arial Black", system-ui, sans-serif;
  --font-texte: "Nunito", "Segoe UI", system-ui, sans-serif;
  --font-devise: "Pacifico", "Brush Script MT", cursive;
  /* Noms utilisés par les pages et cartes.css */
  --carte: var(--surface); --texte: var(--encre); --accent: var(--vert-club); --accent-texte: var(--vert-texte);
  --live: var(--terre-texte); --gagne: var(--encre); --club: var(--camp-club); --badge: var(--balle);
}
@media (prefers-color-scheme: dark) {
  :root {
    --fond: #121a12; --surface: #1b251a; --camp-club: #24381f; --encre: #eef0e8; --doux: #a3ad9f; --trait: #2f3d2c;
    --vert-texte: #8fc489; --terre-texte: #e58a68; --danger: #ff8a7a;
    color-scheme: dark;
  }
}

body { font-family: var(--font-texte); }
h1, h3, legend, .total, .sets, .eq, .score { font-family: var(--font-titre); }
header h1 { display: flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.01em; }
header h1 .logo { width: 40px; height: 40px; flex: none; }
.devise-club { font-family: var(--font-devise); color: var(--doux); text-align: center; font-size: 20px; margin: 32px 0 8px; }