/* ============================================================
   UNIKFLOW — DESIGN TOKENS
   Charte graphique : palette #B15EB5 · Barlow · Poppins
   ============================================================ */

:root {

  /* ── Couleurs principales (charte graphique) ── */
  --brand-purple:  #B15EB5;   /* violet principal */
  --brand-light:   #FEE4FF;   /* lavande très clair */
  --brand-cream:   #F1E9E2;   /* crème neutre */
  --brand-wine:    #452731;   /* bordeaux foncé */

  /* ── Violet (scale centré sur #B15EB5) ── */
  --purple-900: #0d040d;
  --purple-800: #1a0a1a;
  --purple-700: #2d1530;
  --purple-600: #4a2050;
  --purple-500: #B15EB5;
  --purple-400: #c87ecb;
  --purple-300: #d9a2dc;
  --purple-200: #ecccee;
  --purple-100: #f7e8f8;
  --purple-50:  #fdf4fe;

  /* ── Couleurs Dancecamp (rouge/orange/violet — FOND1.jpg) ── */
  --dc-red:     #c0392b;
  --dc-orange:  #e67e22;
  --dc-gold:    #f59e0b;
  --dc-purple:  #8e24aa;
  --dc-violet:  #4a0e6b;
  --dc-dark:    #06020f;
  --dc-mid:     #100820;

  /* ── Neutres ── */
  --white:      #ffffff;
  --gray-50:    #fdf8ff;
  --gray-100:   #f0e8f5;
  --gray-200:   #e0d0e8;
  --gray-300:   #c8b0d0;
  --gray-600:   #7a5588;
  --gray-900:   #1a0a1a;

  /* ── Texte ── */
  --text:       #1a0a1a;
  --text-mid:   #5a3060;
  --text-muted: #9a70a0;

  /* ── HelloAsso ── */
  --helloasso:  #37c282;

  /* ── Typographie (charte : Barlow + Poppins) ── */
  --font-display: 'Barlow', sans-serif;        /* titres et headings */
  --font-body:    'Poppins', sans-serif;       /* corps de texte */
  --font-brand:   'Barlow Condensed', sans-serif; /* nav brand, hero large */

  /* ── Espacements ── */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* ── Rayons ── */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  20px;

  /* ── Ombres ── */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.14);

  /* ── Transitions ── */
  --transition: 0.2s ease;

  /* ── Layout ── */
  --container-max: 1200px;
  --nav-height: 60px;
}