/* ==========================================================================
   WES'SPA — JETONS DE THÈME (design tokens)
   Changer ces 5 couleurs transforme l'identité visuelle du site entier.
   Palette issue du logo : brun #5B280B · sable #ECDFCF · doré #C08A4E
   ========================================================================== */

:root {
  /* — Couleurs de marque — */
  --brun:        #5B280B;   /* couleur principale (logo)   */
  --brun-fonce:  #40200A;   /* survols, contrastes forts   */
  --brun-clair:  #8A4B22;   /* titres secondaires          */
  --or:          #C08A4E;   /* accent doré                 */
  --or-clair:    #E3BE8C;   /* dégradés, contours          */
  --rose:        #D8AFA0;   /* touche rosée (beauté)       */
  --vert:        #4F7A52;   /* statuts positifs            */
  --rouge:       #B4453A;   /* alertes                     */

  /* — Fonds — */
  --sable:       #ECDFCF;   /* fond du logo                */
  --sable-clair: #F5EDE2;
  --creme:       #FBF7F1;
  --blanc:       #FFFFFF;

  /* — Textes — */
  --texte:       #4A3527;
  --texte-doux:  #7C6757;
  --sur-brun:    #F6E9DA;

  /* — Divers — */
  --bord:        rgba(91, 40, 11, .12);
  --bord-fort:   rgba(91, 40, 11, .22);
  --ombre:       0 16px 40px rgba(74, 43, 20, .10);
  --ombre-forte: 0 28px 65px rgba(74, 43, 20, .18);
  --rayon:       18px;
  --rayon-lg:    30px;
  --rayon-arch:  240px 240px 26px 26px;

  /* — Typographie — */
  --serif: 'Cormorant Garamond', 'Playfair Display', 'Didot', Georgia, 'Times New Roman', serif;
  --sans:  'Jost', 'Century Gothic', 'Trebuchet MS', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* — Mise en page — */
  --wrap: 1200px;
  --gouttiere: 22px;
  --transition: .38s cubic-bezier(.22, .61, .36, 1);
}

/* Dégradés réutilisables */
:root {
  --degrade-or:  linear-gradient(120deg, var(--or) 0%, var(--or-clair) 55%, var(--or) 100%);
  --degrade-sable: linear-gradient(180deg, var(--creme) 0%, var(--sable-clair) 55%, var(--sable) 100%);
  --degrade-brun: linear-gradient(135deg, var(--brun-fonce) 0%, var(--brun) 55%, #76391A 100%);
}