/**
 * Thème FF Hockey / Instagram
 * Inspiré de https://www.ffhockey.org/
 * Couleurs : bleu, blanc, rouge | Police : Montserrat (alternative Brandon Grotesque)
 *
 * Charger APRÈS styles.css pour remplacer le thème par défaut.
 * Pour revenir au style d'origine : utiliser styles-backup.css ou retirer ce fichier.
 */

:root,
[data-theme="dark"] {
  --bg-dark: #0f1419;
  --bg-card: #1a2332;
  --bg-card-hover: #232f42;
  --accent: #5b8def;
  --accent-dim: rgba(0, 212, 170, 0.15);
  --text: #e8eaed;
  --text-muted: #8b95a5;
  --border: #2d3a4d;
  --gold: #ffd700;
  --silver: #c0c0c0;
  --bronze: #cd7f32;
}

[data-theme="light"] {
  --bg-dark: #f5f5f5;
  --bg-card: #ffffff;
  --bg-card-hover: #f0f4ff;
  --accent: #002395;
  --accent-dim: rgba(0, 35, 149, 0.12);
  --text: #1a1a1a;
  --text-muted: #4a4a4a;
  --border: rgba(0, 35, 149, 0.2);
  --gold: #b8860b;
  --silver: #6b7280;
  --bronze: #92400e;
}

body {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

.header h1 {
  background: linear-gradient(135deg, #002395, #003dbb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.nav-link:hover {
  color: #ed2939;
}

.theme-toggle:hover {
  border-color: #002395;
}

.matchday-nav,
.section {
  border-color: rgba(0, 35, 149, 0.25);
  box-shadow: 0 2px 8px rgba(0, 35, 149, 0.06);
}

.goals-line-dot:hover {
  fill: #003dbb;
}

.feuille-match-html,
.feuille-match-html * {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
}