/* ==========================================================================
   theme.css — variante ÉNERGIE
   >>> C'est le fichier à modifier en premier pour adapter le template à un
   nouveau client : couleurs, polices, rayons. <<<

   Univers du sport : noir profond, couleur fluo, typographie massive. Pensé
   pour les coachs sportifs, salles de sport, clubs de boxe ou de CrossFit,
   studios de yoga dynamique, préparateurs physiques.

   La couleur principale est le fluo (boutons, chiffres, bandeaux) ;
   l'accent, plus chaud, ponctue les détails.
   ========================================================================== */

:root {
  --color-bg: #f4f4f1;
  --color-bg-alt: #e9e9e4;
  --color-surface: #ffffff;
  --color-text: #1d1d1f;
  --color-text-muted: #5b5b61;
  --color-heading: #0a0a0b;
  --color-primary: #c6ff00;
  --color-primary-hover: #b0e600;
  --color-on-primary: #0a0a0b;
  --color-accent: #ff4d00;
  --color-border: #d4d4ce;

  /* Les blocs noirs (accueil, club, pied de page) restent noirs dans les
     deux thèmes : c'est la signature du modèle. */
  --color-noir: #0a0a0b;
  --color-noir-2: #151517;
  --color-footer-bg: #0a0a0b;

  /* Une linéale ultra-condensée pour les titres, une grotesque nette pour le
     texte. */
  --font-heading: "Anton", "Impact", "Arial Narrow", sans-serif;
  --font-body: "Manrope", "Segoe UI", system-ui, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 18px 40px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] {
  --color-bg: #0a0a0b;
  --color-bg-alt: #121214;
  --color-surface: #18181b;
  --color-text: #e6e6e8;
  --color-text-muted: #9c9ca3;
  --color-heading: #ffffff;
  --color-border: #2a2a2e;
}