/* =========================================================================
   Adji Makka — jetons de design
   ========================================================================= */

:root {
  /* Couleurs — palette de marque */
  --color-green-primary: #123F36;
  --color-green-dark: #082E28;
  --color-green-secondary: #397363;
  --color-ivory: #F7F3E8;
  --color-off-white: #FCFBF7;
  --color-gold: #C39A4B;
  --color-text-primary: #18231F;
  --color-text-secondary: #64716C;
  --color-border: #DDE4DF;

  --color-white: #FFFFFF;
  --color-success: #2F6B4F;
  --color-error: #B3402A;

  /* Surfaces */
  --surface-page: var(--color-off-white);
  --surface-alt: var(--color-ivory);
  --surface-dark: var(--color-green-dark);
  --surface-card: var(--color-white);

  /* Typographie */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-hero: clamp(2.25rem, 4vw + 1rem, 4rem);
  --fs-h1: clamp(2rem, 3vw + 1rem, 3rem);
  --fs-h2: clamp(1.65rem, 2vw + 1rem, 2.25rem);
  --fs-h3: clamp(1.25rem, 1vw + 1rem, 1.5rem);
  --fs-lead: clamp(1.05rem, 0.5vw + 1rem, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.75rem;

  --lh-heading: 1.15;
  --lh-body: 1.65;

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

  --container-max: 1240px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);

  /* Forme */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(8, 46, 40, 0.08);
  --shadow-md: 0 8px 24px rgba(8, 46, 40, 0.10);
  --shadow-lg: 0 20px 48px rgba(8, 46, 40, 0.14);

  /* Mouvement */
  --transition-fast: 200ms ease;
  --transition-base: 300ms ease;
  --motion-distance: 16px;

  /* Repères */
  --header-height: 84px;
  --z-header: 100;
  --z-mobile-menu: 200;
  --z-whatsapp: 90;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
    --motion-distance: 0px;
  }
}