/* ============================================================
   EUNO × MUNDAÏ — Tokens
   Variables globales : couleurs, typographie, rayons, ombres.
   La plupart des tokens du design system vivent dans theme.json ;
   ce fichier expose les valeurs réutilisées par le CSS des composants.
   ============================================================ */
:root {
  /* Couleurs de marque */
  --color-cream:         #FFFBF0;
  --color-cream-dark:    #F5EDD8;
  --color-fuchsia:       #D94077;
  --color-fuchsia-dark:  #BF3368;
  --color-fuchsia-light: #F7C5D5;
  --color-fuchsia-vif:   #E83E78;
  --color-yellow:        #F5C842;
  --color-yellow-light:  #FDF3C0;
  --color-violet:        #9B5BAA;
  --color-violet-light:  #EDE2F5;
  --color-violet-dark:   #9060A8;
  --color-orange:        #E8923A;
  --color-orange-light:  #FDE4C8;

  /* Neutres */
  --color-white:        #FFFFFF;
  --color-text:         #1A1A1A;
  --color-text-muted:   #6B6B6B;
  --color-text-light:   #9A9A9A;
  --color-border:       #E8E0D0;

  /* Sémantiques */
  --color-success:      #2E7D32;
  --color-success-bg:   #E8F5E9;
  --color-error:        #C62828;
  --color-error-bg:     #FFEBEE;

  --bg-primary:         #FFF7F1;
  --cta-shadow:         rgba(217, 64, 119, 0.35);

  /* Typographie */
  --font-body: 'Inter', system-ui, sans-serif;

  /* Rayons */
  --radius-sm:   12px;
  --radius-md:   18px;
  --radius-lg:   24px;
  --radius-xl:   28px;
  --radius-pill: 999px;

  /* Ombres */
  --shadow-sm:        0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md:        0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg:        0 8px 40px rgba(0, 0, 0, 0.10);
  --shadow-cta:       0 4px 16px rgba(217, 64, 119, 0.35);
  --shadow-cta-hover: 0 8px 24px rgba(217, 64, 119, 0.45);
}