/* ============================================
   ADOPTE DES ABEILLES — Design Tokens
   ============================================ */

:root {
  /* --- Primary Colors --- */
  --color-honey-gold: #D4A03C;
  --color-amber: #F5A623;
  --color-deep-honey: #C4985A;

  /* --- Neutrals --- */
  --color-black: #1A1A1A;
  --color-soft-black: #2D2D2D;
  --color-earth-brown: #6B4C2A;
  --color-medium-gray: #8C8C8C;
  --color-light-gray: #E8E0D4;

  /* --- Accents --- */
  --color-forest-green: #4A7C59;
  --color-sage-green: #7BA05B;

  /* --- Backgrounds --- */
  --color-cream: #FFF8F0;
  --color-warm-white: #FFFDF9;
  --color-light-honey: #FEF3E2;
  --color-beige: #F5EDDE;

  /* --- Gradients --- */
  --gradient-cta: linear-gradient(135deg, #D4A03C 0%, #F5A623 100%);
  --gradient-hero: linear-gradient(135deg, rgba(26,26,26,0.65) 0%, rgba(107,76,42,0.45) 100%);
  --gradient-hero-overlay: linear-gradient(135deg, rgba(26,26,26,0.65) 0%, rgba(107,76,42,0.45) 100%);
  --gradient-pricing: linear-gradient(90deg, #F5A623 0%, #D4A03C 100%);
  --gradient-pricing-header: linear-gradient(90deg, #F5A623 0%, #D4A03C 100%);
  --gradient-warm-section: linear-gradient(180deg, #FFF8F0 0%, #FEF3E2 100%);

  /* --- Typography --- */
  --font-heading: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
  --font-accent: 'Zilla Slab', 'Georgia', serif;

  /* --- Font Sizes (clamp: mobile → desktop) --- */
  --fs-hero: clamp(2.25rem, 5vw, 4rem);
  --fs-hero-title: clamp(2.25rem, 5vw, 4rem);
  --fs-h1: clamp(2rem, 4vw, 3rem);
  --fs-h2: clamp(1.625rem, 3vw, 2.25rem);
  --fs-h3: clamp(1.25rem, 2.5vw, 1.75rem);
  --fs-h4: clamp(1.125rem, 2vw, 1.375rem);
  --fs-body: 1rem;
  --fs-body-lg: 1.125rem;
  --fs-small: 0.875rem;
  --fs-caption: 0.75rem;
  --fs-price: clamp(1.75rem, 3vw, 2.5rem);

  /* --- Font Weights --- */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* --- Line Heights --- */
  --lh-heading: 1.2;
  --lh-body: 1.7;
  --lh-caption: 1.4;

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

  /* --- Layout --- */
  --container-max: 1200px;
  --container-padding: 1.5rem;
  --nav-height: 80px;
  --nav-height-mobile: 64px;
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-xl: 24px;
  --border-radius-pill: 50px;

  /* --- Shadows --- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.1);
  --shadow-gold: 0 6px 25px rgba(212, 160, 60, 0.25);
  --shadow-nav: 0 2px 20px rgba(0, 0, 0, 0.08);
  --shadow-header: 0 2px 20px rgba(0, 0, 0, 0.08);

  /* --- Transitions --- */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  --transition-reveal: 0.7s ease-out;

  /* --- Z-Index --- */
  --z-header: 1000;
  --z-mobile-menu: 999;
  --z-overlay: 100;
  --z-bee: 2;
}