/* ==========================================================================
   VÔ-MO Design Tokens — v2026
   ========================================================================== */

/* ─── Police Lucida Handwriting (utilisée uniquement pour le wordmark VÔ-MO) ─ */
@font-face {
  font-family: "Lucida Handwriting";
  src: url("/fonts/LucidaHandwritingStdRg.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lucida Handwriting";
  src: url("/fonts/LucidaHandwritingStdBold.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Socle / Neutres ---- */
  --cream-50:   #F7F5F0;
  --cream-100:  #F1F0EC;
  --cream-200:  #E6E5DF;
  --stone-300:  #C9C4B8;
  --stone-600:  #595F6B;
  --ink-900:    #1F1A24;

  /* ---- Signature violette ---- */
  --vomo-100:   #F3E8FF;
  --vomo-500:   #9A04CC;
  --vomo-700:   #7B2CBF;

  /* ---- Système des 4 énergies ---- */
  --energy-earth:   #A9A39B;
  --energy-sun:     #D4A24C;
  --energy-water:   #3F8E8B;
  --energy-spirit:  #7B2CBF;

  /* ---- États ---- */
  --success: #5F8A6A;
  --error:   #B8544A;

  /* ---- Typographie ---- */
  --font-serif: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --font-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-script: "Caveat", cursive;

  --text-xs:   0.8rem;
  --text-sm:   0.9rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.953rem;
  --text-2xl:  2.441rem;
  --text-3xl:  3.052rem;
  --text-4xl:  3.815rem;
  --text-5xl:  4.768rem;
  --text-6xl:  5.96rem;

  --space-section: clamp(72px, 10vw, 160px);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Hauteur du header (sert au calcul du hero + position du sticky filter) */
  --header-h: 84px;
}
@media (max-width: 980px) {
  /* Sur mobile c'est le burger 44px qui domine la hauteur :
     padding 16+16 + 44 = 76px */
  :root { --header-h: 76px; }
}
@media (max-width: 540px) {
  /* Burger 38px + padding 14+14 = 66px */
  :root { --header-h: 66px; }
}