/* ============================================
   variables.css — Design tokens Maine Event
   ============================================ */

:root {

  /* ── Palette ── */
  --color-blue:    #5A94E5;
  --color-red:     #E54747;
  --color-purple:  #81528F;
  --color-green:   #105509;
  --color-yellow:  #F0C922;
  --color-white:   #FFFFFF;
  --color-black:   #0A0A0A;
  --color-dark:    #111111;

  /* ── Typographie ── */
  --font-display: 'Lilita One', cursive;
  --font-body:    'Nunito', sans-serif;

  /* ── Espacements ── */
  --space-xs:  0.4rem;
  --space-sm:  0.8rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  /* ── Border radius ── */
  --radius-sm:  8px;
  --radius-md:  16px;
  --radius-lg:  20px;
  --radius-pill: 50px;

  /* ── Transitions ── */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-bounce: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Z-index ── */
  --z-base:    1;
  --z-overlay: 10;
  --z-nav:     200;

  /* ── Ombres ── */
  --shadow-blue:   0 20px 50px rgba(90,  148, 229, 0.35);
  --shadow-red:    0 20px 50px rgba(229,  71,  71, 0.35);
  --shadow-purple: 0 20px 50px rgba(129,  82, 143, 0.35);
}