:root {
  /* Palette de marque */
  --color-primary: #C62828;
  --color-primary-dark: #a31f1f;
  --color-primary-light: #e53935;
  --color-primary-050: #fdf0f0;
  --color-primary-100: #f9dcdc;

  --color-secondary: #F4B400;
  --color-secondary-dark: #d49e00;
  --color-secondary-light: #ffc733;
  --color-secondary-050: #fff8e6;

  --color-accent: #0F4C81;
  --color-accent-dark: #0a3560;
  --color-accent-light: #1a6cb0;
  --color-accent-050: #eef4fa;

  --color-white: #FFFFFF;
  --color-cream: #fbfaf8;
  --color-gray-50: #F7F8FA;
  --color-gray-100: #eef0f4;
  --color-gray-200: #dde1e8;
  --color-gray-300: #c4cad4;
  --color-gray-400: #9aa3b2;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #2B2B2B;
  --color-gray-900: #1a1a1a;
  --color-ink: #14181f;

  --color-success: #16a34a;
  --color-error: #dc2626;
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #1da851;

  /* Dégradés premium */
  --gradient-brand: linear-gradient(135deg, #e53935 0%, #C62828 55%, #a31f1f 100%);
  --gradient-gold: linear-gradient(135deg, #ffc733 0%, #F4B400 60%, #d49e00 100%);
  --gradient-ocean: linear-gradient(135deg, #1a6cb0 0%, #0F4C81 55%, #0a3560 100%);
  --gradient-hero: radial-gradient(900px 500px at 0% 0%, rgba(244, 180, 0, 0.35) 0%, transparent 55%),
                   radial-gradient(800px 480px at 100% 20%, rgba(198, 40, 40, 0.5) 0%, transparent 50%),
                   radial-gradient(700px 400px at 50% 100%, rgba(163, 31, 31, 0.45) 0%, transparent 55%),
                   linear-gradient(135deg, #3d1515 0%, #6b1f1f 35%, #8b2525 65%, #4a2810 100%);
  --gradient-sheen: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.28) 50%, transparent 70%);

  /* Typographie */
  --font-heading: 'Poppins', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: clamp(1.75rem, 1.2rem + 2.2vw, 2.25rem);
  --font-size-4xl: clamp(2.1rem, 1.3rem + 3vw, 2.85rem);
  --font-size-5xl: clamp(2.6rem, 1.4rem + 4.6vw, 3.6rem);
  --font-size-6xl: clamp(3rem, 1.6rem + 6vw, 4.25rem);
  --line-height-tight: 1.15;
  --line-height-normal: 1.65;
  --line-height-relaxed: 1.8;

  /* 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;
  --space-5xl: 8rem;

  /* Mise en page */
  --container-max: 1200px;
  --container-narrow: 900px;
  --header-height: 88px;
  --header-height-compact: 72px;

  /* Rayons */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-2xl: 36px;
  --radius-full: 9999px;

  /* Ombres (douces, feuilletées) */
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-sm: 0 2px 6px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 8px 20px -6px rgba(16, 24, 40, 0.12), 0 2px 6px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 18px 40px -12px rgba(16, 24, 40, 0.18), 0 6px 14px rgba(16, 24, 40, 0.08);
  --shadow-xl: 0 30px 60px -18px rgba(16, 24, 40, 0.24), 0 10px 22px rgba(16, 24, 40, 0.1);
  --shadow-primary: 0 14px 30px -10px rgba(198, 40, 40, 0.5);
  --shadow-gold: 0 14px 30px -10px rgba(244, 180, 0, 0.5);
  --shadow-accent: 0 14px 30px -10px rgba(15, 76, 129, 0.45);
  --shadow-whatsapp: 0 14px 30px -10px rgba(37, 211, 102, 0.5);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 260ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 450ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-index */
  --z-header: 1000;
  --z-mobile-menu: 1100;
  --z-floating: 1050;
  --z-overlay: 1200;
}