/* ========================================================================
   PARIS PILATES — PALETTE DE COULEURS
   ========================================================================
   C'EST ICI QUE TU MODIFIES LES COULEURS DU SITE.
   1. Modifie une valeur #RRGGBB de la palette principale ci-dessous.
   2. Enregistre ce fichier, puis recharge le site avec Ctrl + F5.
   3. Boutons, survols, cartes et dégradés liés sont mis à jour ensemble.

   Les autres fichiers CSS utilisent uniquement les variables définies ici.
   ======================================================================== */

:root {
  /* ================================================================
     1) PALETTE PRINCIPALE — LES 5 COULEURS A PERSONNALISER
     ================================================================ */
  --pilates-terracotta: #722f37;  /* Boutons principaux, accents, liens actifs */
  --pilates-bordeaux:   #722f37;  /* Cartes et dégradés bordeaux */
  --pilates-sauge:      #828572;  /* Cartes vert sauge */
  --pilates-sable:      #e0ad77;  /* Cartes et blocs sable */
  --pilates-beige:      #f5e6d3;  /* Fonds beige doux */

  /* ================================================================
     2) NEUTRES — FONDS, TEXTES ET BORDURES
     ================================================================ */
  --pilates-blanc:          #ffffff;
  --pilates-noir:           #000000;
  --pilates-texte:          #1f2937;
  --pilates-texte-fort:     #111827;
  --pilates-texte-second:   #4b5563;
  --pilates-texte-discret:  #9ca3af;
  --pilates-bordure:        #e5e7eb;
  --pilates-fond:           #f5f5f5;
  --pilates-fond-champ:     #f9fafb;
  --pilates-texte-brun:     #663a1d;

  /* ================================================================
     3) VARIANTES AUTOMATIQUES — INUTILE DE LES MODIFIER
     Le survol est un peu plus sombre que la teinte principale.
     Les dégradés et les ombres suivent la même teinte.
     ================================================================ */
  --pilates-terracotta-survol: color-mix(in srgb, var(--pilates-terracotta) 88%, var(--pilates-noir));
  --pilates-bordeaux-survol:   color-mix(in srgb, var(--pilates-bordeaux) 79%, var(--pilates-noir));
  --pilates-sauge-survol:      color-mix(in srgb, var(--pilates-sauge) 85%, var(--pilates-noir));
  --pilates-sable-survol:      color-mix(in srgb, var(--pilates-sable) 88%, var(--pilates-noir));
  --pilates-bordeaux-clair:    color-mix(in srgb, var(--pilates-bordeaux) 88%, var(--pilates-blanc));
  --pilates-fond-creme:        color-mix(in srgb, var(--pilates-beige) 38%, var(--pilates-blanc));

  /* ================================================================
     4) MESSAGES DU FORMULAIRE ET COULEURS UTILITAIRES
     ================================================================ */
  --pilates-succes:         #16a34a;
  --pilates-succes-clair:   #ecfdf3;
  --pilates-succes-texte:   #166534;
  --pilates-erreur:         #dc2626;
  --pilates-erreur-clair:   #fef2f2;
  --pilates-erreur-texte:   #b91c1c;
  --pilates-info:           #00a0d2;
  --pilates-envoye:         #46b450;
  --pilates-erreur-form:    #dc3232;
  --pilates-spam:           #f56e28;
  --pilates-attention:      #ffb900;
  --pilates-spinner:        #23282d;
  --pilates-spinner-point:  #fbfbfc;

  /* ================================================================
     5) NUANCES TAILWIND — NE PAS MODIFIER POUR CHANGER LA MARQUE
     Utilise plutot la palette principale en section 1.
     ================================================================ */
  --util-rouge-800:  oklch(44.4% 0.177 26.899);
  --util-rouge-900:  oklch(39.6% 0.141 25.723);
  --util-orange-100: oklch(95.4% 0.038 75.164);
  --util-orange-400: oklch(75% 0.183 55.934);
  --util-orange-500: oklch(70.5% 0.213 47.604);
  --util-orange-800: oklch(47% 0.157 37.304);
  --util-orange-900: oklch(40.8% 0.123 38.172);
  --util-jaune-400:  oklch(85.2% 0.199 91.936);
  --util-vert-500:   oklch(72.3% 0.219 149.579);
  --util-vert-600:   oklch(62.7% 0.194 149.214);
  --util-gris-50:    oklch(98.5% 0.002 247.839);
  --util-gris-100:   oklch(96.7% 0.003 264.542);
  --util-gris-200:   oklch(92.8% 0.006 264.531);
  --util-gris-300:   oklch(87.2% 0.01 258.338);
  --util-gris-500:   oklch(55.1% 0.027 264.364);
  --util-gris-600:   oklch(44.6% 0.03 256.802);
  --util-gris-700:   oklch(37.3% 0.034 259.733);
  --util-gris-900:   oklch(21% 0.034 264.665);
}