/* ============================================================================
   SORBETTO — tokens (Direction C — humeur SOBRE)
   Personnalité : épuré, minimal, raffiné, reposant.
   Beaucoup de BLANC + CRÈME/NEUTRE. UN seul accent discret (corail terreux retenu).
   Radicalement distincte de A (pop/rose) et B (luxe/bordeaux-or).
   ========================================================================== */

:root {
  /* --- Accent UNIQUE, discret (corail terreux retenu) --- */
  --corail:        #C76B5A;   /* accent principal — terracotta-corail sobre */
  --corail-soft:   #E3C7BF;   /* version douce pour bordures/fines */
  --corail-wash:   #F4EAE6;   /* lavis très clair (hovers, puces) */

  /* --- Neutres chauds (le cœur de l'humeur sobre) --- */
  --creme:         #F3EDE4;   /* crème principale */
  --creme-deep:    #E9E1D4;   /* crème plus marquée */
  --sable:         #DED6C8;   /* sable / filets chauds */
  --brume:         #EFEAE2;   /* surface neutre reposante */

  /* --- Encre & texte (gris-taupe profond, jamais noir pur) ---
     Tous AA (≥4,5:1) sur les surfaces claires de la palette (white → corail-wash). */
  --encre:         #2C2824;   /* texte principal, taupe très foncé */
  --encre-soft:    #595048;   /* texte secondaire — ≥7,5:1 partout */
  --encre-faint:   #6E665C;   /* légendes — ≥4,78:1 partout (était #9C9389, échec AA) */
  --line:          #E7E0D6;   /* filets discrets */

  /* --- Surfaces --- */
  --surface-page:    #FCFAF6;  /* fond clair, calme, légèrement crème */
  --surface-cream:   #F3EDE4;  /* bandes crème */
  --surface-mint:    #F1EEE8;  /* bande neutre claire (ex-menthe → neutre) */
  --surface-rose:    #F7F1EC;  /* bande crème-corail très discrète */
  --surface-card:    #FFFFFF;  /* cartes */
  --surface-invert:  #2C2824;  /* footer / bandes profondes (taupe encre) */

  /* --- Accent fonctionnel (boutons, liens) ---
     --accent porte du texte blanc (boutons) → ≥4,5:1 requis.
     --accent-text porte du texte foncé sur clair → ≥4,5:1 sur toutes les surfaces. */
  --accent:        #B85643;    /* corail terreux — blanc dessus = 4,72:1 (AA) */
  --accent-hover:  #A04634;
  --accent-text:   #A54B38;    /* liens/surtitres — ≥4,85:1 sur clair (était #B0533F) */
  --on-accent:     #FFFFFF;

  /* --- Parfums (neutres-tamisés cohérents avec l'humeur sobre) --- */
  --p-fraise:    #DCA39E;
  --p-vanille:   #ECDCB4;
  --p-chocolat:  #B5937B;
  --p-pistache:  #C3C9A4;
  --p-caramel:   #DCB484;
  --p-framboise: #D89BA2;
  --p-coco:      #EDE6D8;
  --p-noisette:  #CCAC8A;
  --p-myrtille:  #B3A9C0;
  --p-citron:    #E9DCA0;

  /* --- Typo --- */
  --font-display: 'Quicksand', system-ui, sans-serif;
  --font-body:    'Nunito Sans', system-ui, sans-serif;

  /* échelle fluide (clamp) — calme, généreuse */
  --fs-eyebrow: 0.76rem;
  --fs-body:    clamp(1rem, 0.96rem + 0.2vw, 1.075rem);
  --fs-lead:    clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
  --fs-h3:      clamp(1.25rem, 1.1rem + 0.7vw, 1.55rem);
  --fs-h2:      clamp(1.85rem, 1.4rem + 2vw, 2.85rem);
  --fs-h1:      clamp(2.3rem, 1.7rem + 3vw, 3.9rem);
  --fs-giant:   clamp(2.8rem, 1.8rem + 5vw, 5.2rem);

  /* --- Rayons : doux mais retenus (moins extrêmes que le pastel-ludique) --- */
  --r-xs:  8px;
  --r-sm:  12px;
  --r-md:  16px;
  --r-lg:  22px;
  --r-xl:  30px;
  --r-pill: 999px;

  /* --- Espacement (échelle 4px) — généreux --- */
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.75rem;
  --space-12: 3.5rem;
  --space-14: 4.75rem;
  --space-16: 6rem;
  --space-20: 7.5rem;

  /* --- Ombres : douces, neutres, jamais colorées ni dures --- */
  --shadow-soft:  0 10px 30px -20px rgba(44, 40, 36, 0.30);
  --shadow-card:  0 18px 44px -26px rgba(44, 40, 36, 0.26);
  --shadow-float: 0 26px 60px -34px rgba(44, 40, 36, 0.30);

  --container: 1180px;
  --container-narrow: 920px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.6s;
}
