/* ==========================================================================
   Align'&Vous — Design tokens
   Palette dérivée du logo (mandala fuchsia / violet / turquoise / orange /
   or / vert / rouge sur fond lilas pâle). Rose + violet portent l'identité
   structurelle (boutons, liens, footer) ; l'arc-en-ciel complet est réservé
   aux 7 "Voyages" pour rester coloré sans surcharger le reste du site.
   ========================================================================== */

:root {
  /* --- Rose de marque (anneau fuchsia du logo) --- */
  --color-brand-100: #fbe0f1;
  --color-brand-400: #e91e8c;
  --color-brand-600: #b8156e;

  /* --- Violet profond (pétale violette du logo) --- */
  --color-plum-600: #6b2e7a;
  --color-plum-900: #3a1b3f;

  /* --- Lilas neutre (fond pâle du logo) --- */
  --color-lilac-50:  #fdf7fc;
  --color-lilac-100: #f6e9f3;
  --color-lilac-300: #e6c2dc;

  /* --- Arc-en-ciel des 7 Voyages (pétales du mandala) --- */
  --color-voyage-pink:      #e91e8c;
  --color-voyage-pink-tint: #fbe0f1;
  --color-voyage-purple:      #9b4fb5;
  --color-voyage-purple-tint: #f1e2f5;
  --color-voyage-green:      #3f8a4c;
  --color-voyage-green-tint: #e4f3e6;
  --color-voyage-turquoise:      #0e8ca8;
  --color-voyage-turquoise-tint: #dff3f7;
  --color-voyage-orange:      #cc6710;
  --color-voyage-orange-tint: #fbebdc;
  --color-voyage-gold:      #a67d16;
  --color-voyage-gold-tint: #faf1da;
  --color-voyage-red:      #dd4b44;
  --color-voyage-red-tint: #fae3e1;

  /* --- Neutres --- */
  --color-ink-900: #2b1e29;  /* texte principal */
  --color-ink-600: #6b5566;  /* texte secondaire */
  --color-white:   #ffffff;
  --color-border:  #ead9e5;
  --color-success: #3f8a4c;

  /* --- Typographie --- */
  --font-title: "Fraunces", "Georgia", serif;
  --font-body:  "Work Sans", "Segoe UI", sans-serif;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.9375rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;
  --fs-2xl:  2.25rem;
  --fs-3xl:  3rem;

  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  /* --- Espacements --- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3.5rem;
  --space-2xl: 5.5rem;

  /* --- Layout --- */
  --container-max: 1160px;
  --container-narrow: 760px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* --- Ombres --- */
  --shadow-sm: 0 2px 8px rgba(58, 27, 63, 0.07);
  --shadow-md: 0 8px 24px rgba(58, 27, 63, 0.12);
  --shadow-lg: 0 20px 48px rgba(58, 27, 63, 0.16);

  /* --- Transitions --- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}