:root {
  /* ==========================================================================
     PULSAT GUADELOUPE DESIGN TOKENS (CHARTE OFFICIELLE #E5007E)
     ========================================================================== */

  /* Palette Principale Pulsat Officielle (#E5007E) */
  --pulsat-pink: #E5007E;
  --pulsat-magenta: #E5007E;
  --pulsat-red: #E5007E;
  --pulsat-red-hover: #C7006E;
  --pulsat-red-active: #A8005D;
  --pulsat-red-light: #FCE7F3;
  --pulsat-red-bg: #FDF2F8;

  /* Palette Sombre & Textes */
  --pulsat-navy: #0F172A;
  --pulsat-navy-light: #1E293B;
  --pulsat-slate: #334155;

  /* Accents & Statuts */
  --pulsat-accent-blue: #0284C7;
  --pulsat-accent-blue-light: #E0F2FE;
  --pulsat-success: #10B981;
  --pulsat-success-light: #D1FAE5;
  --pulsat-warning: #F59E0B;
  --pulsat-warning-light: #FEF3C7;
  --pulsat-info: #3B82F6;

  /* Neutres & Nuances de Gris */
  --color-white: #FFFFFF;
  --gray-50: #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --gray-900: #0F172A;

  /* Typographie */
  --font-main: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-title: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.844rem;   /* 13.5px */
  --font-size-base: 0.938rem; /* 15px */
  --font-size-md: 1.063rem;   /* 17px */
  --font-size-lg: 1.25rem;    /* 20px */
  --font-size-xl: 1.5rem;     /* 24px */
  --font-size-2xl: 1.875rem;  /* 30px */

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* Rayons de courbure (Border Radius) */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Ombres portées (Shadows) */
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 6px 16px -2px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, 0.12);
  --shadow-drawer: 0 -8px 30px rgba(15, 23, 42, 0.18);
  --shadow-bottom-bar: 0 -3px 12px rgba(0, 0, 0, 0.06);

  /* Espacements */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-base: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 28px;
  --spacing-2xl: 40px;

  /* Dimensions fixes Mobile / Decathlon */
  --header-mobile-height: 58px;
  --search-bar-height: 44px;
  --bottom-bar-height: 60px;
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-top: env(safe-area-inset-top, 0px);

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-Index Hierarchy */
  --z-header: 100;
  --z-bottom-bar: 110;
  --z-sticky-buy: 90;
  --z-drawer-backdrop: 200;
  --z-drawer: 210;
  --z-search-modal: 250;
  --z-toast: 300;
}