/* config/theme.css */
/* Palette de couleurs et variables de design du site CDM 2026.
   Modifiez ce fichier pour changer l'apparence globale du site sans toucher aux composants. */

:root {
  /* ── Couleurs principales ── */
  --couleur-primaire:      #16213e;   /* Bleu nuit profond (header, boutons principaux) */
  --couleur-secondaire:    #0f3460;   /* Bleu marine (accents, bordures actives) */
  --couleur-accent:        #e94560;   /* Rouge vif (highlights, badges, alertes positives) */
  --couleur-fond:          #f4f6f8;   /* Gris très clair (fond de page) */
  --couleur-fond-carte:    #ffffff;   /* Blanc (fond des cartes et panneaux) */
  --couleur-texte:         #1a1a2e;   /* Presque noir (texte principal) */
  --couleur-texte-leger:   #6b7280;   /* Gris moyen (texte secondaire, placeholders) */
  --couleur-bordure:       #e5e7eb;   /* Gris clair (bordures, séparateurs) */

  /* ── États et feedback ── */
  --couleur-succes:        #10b981;   /* Vert (messages de succès) */
  --couleur-succes-fond:   #d1fae5;
  --couleur-erreur:        #ef4444;   /* Rouge (messages d'erreur) */
  --couleur-erreur-fond:   #fee2e2;
  --couleur-info:          #3b82f6;   /* Bleu (informations) */
  --couleur-info-fond:     #dbeafe;
  --couleur-avertissement: #f59e0b;   /* Orange (avertissements, date limite) */
  --couleur-avert-fond:    #fef3c7;

  /* ── Points et scores ── */
  --couleur-points-pos:    #10b981;   /* Vert = points gagnés */
  --couleur-points-zero:   #9ca3af;   /* Gris = zéro point */

  /* ── Typographie ── */
  --font-famille:          'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-taille-base:      16px;
  --font-taille-sm:        14px;
  --font-taille-lg:        18px;
  --font-taille-xl:        22px;
  --font-taille-titre:     28px;

  /* ── Espacements ── */
  --espacement-xs:    4px;
  --espacement-sm:    8px;
  --espacement-md:    16px;
  --espacement-lg:    24px;
  --espacement-xl:    32px;
  --espacement-xxl:   48px;

  /* ── Bordures et ombres ── */
  --rayon-bordure:    8px;
  --rayon-bordure-lg: 12px;
  --ombre-carte:      0 1px 3px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.05);
  --ombre-menu:       0 4px 16px rgba(0,0,0,0.12);

  /* ── Transitions ── */
  --transition:       all 0.18s ease;

  /* ── Largeur max du contenu ── */
  --largeur-max:      1100px;
  --largeur-max-form: 480px;
}