/* ==========================================================================
   Les Poulains de Cocody — Design tokens
   Palette : violet (identité du logo officiel), jaune (joie), vert (croissance), blanc (clarté)
   ========================================================================== */
:root{
  /* Couleurs de marque */
  --color-violet:        #4E2567;
  --color-violet-dark:   #33184A;
  --color-violet-light:  #F1E9F7;
  --color-yellow:      #FFC93C;
  --color-yellow-dark: #F2A900;
  --color-yellow-light:#FFF6DF;
  --color-green:       #2FB380;
  --color-green-dark:  #1F8C63;
  --color-green-light: #E6F7EF;
  --color-white:       #FFFFFF;
  --color-ink:         #1C2B3A;
  --color-ink-soft:    #4A5C6E;
  --color-bg:           #F8F6FA;
  --color-border:       #E9E1EE;

  /* Dégradés */
  --gradient-hero: linear-gradient(135deg, var(--color-violet) 0%, #6E3D8F 55%, #8B5AA8 130%);
  --gradient-warm: linear-gradient(135deg, var(--color-yellow) 0%, #FFDB7A 100%);

  /* Typographie */
  --font-heading: 'Baloo 2', 'Poppins', system-ui, sans-serif;
  --font-body: 'Poppins', system-ui, -apple-system, sans-serif;

  /* Rayons / ombres — style "arrondi, ludique" */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --shadow-soft: 0 10px 30px -12px rgba(78, 37, 103, 0.28);
  --shadow-card: 0 14px 34px -16px rgba(28, 43, 58, 0.18);
  --shadow-hover: 0 20px 40px -14px rgba(78, 37, 103, 0.38);

  /* Rythme */
  --transition-base: 0.25s ease;
  --transition-slow: 0.5s cubic-bezier(.22,1,.36,1);
  --section-space: clamp(3.5rem, 6vw, 6.5rem);
}