/* Variables — DPC Cuisiniste Montpellier
   Vecteur applique : MEN-5 Atelier clair (Architecture Cuivre) - HERO-GRILLE-7-5 - LAY-5 - MOT-2 - TEX-5 - COPY-5 - COMP-5 */

:root {
  /* Couleurs (MEN-5 imposee) */
  --bg: #F4EFE7;
  --bg-alt: #ECE5DA;
  --surface: #FFFFFF;
  --text: #2E2A24;
  --text-2: #59524A;
  --text-mute: #8A8175;
  --border: #E0D7CA;

  --accent: #A85A36;          /* terre cuite chaude */
  --accent-2: #C77F55;
  --accent-soft: #EFDDD0;
  --accent-deep: #7E3F22;

  --primary: #2E2A24;         /* encre */
  --primary-soft: #3F3A32;

  --wa-green: #25D366;
  --ok: #2F7D5A;
  --closed: #B23A3A;

  /* Typographies (MEN-5 imposee) */
  --ff-display: 'Archivo', 'Helvetica Neue', sans-serif;
  --ff-body: 'Source Sans 3', 'Helvetica Neue', sans-serif;
  --ff-ui: 'Source Sans 3', 'Helvetica Neue', sans-serif;

  /* Tailles fluides */
  --fs-eyebrow: clamp(0.74rem, 0.7rem + 0.2vw, 0.84rem);
  --fs-h1: clamp(2.4rem, 2rem + 4vw, 4.4rem);
  --fs-h2: clamp(1.7rem, 1.4rem + 2vw, 2.5rem);
  --fs-h3: clamp(1.2rem, 1.05rem + 0.8vw, 1.55rem);
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.08rem);
  --fs-small: 0.92rem;

  /* Espacements */
  --sp-section: clamp(48px, 5vw + 24px, 96px);
  --sp-section-mobile: 48px;
  --gap-sm: 12px;
  --gap-md: 20px;
  --gap-lg: 32px;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;

  /* Header / z-index */
  --header-h: 72px;
  --header-h-mobile: 60px;
  --z-base: 1;
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;

  /* Container */
  --container: 1240px;

  /* Transitions */
  --t-fast: 0.15s ease;
  --t-base: 0.25s ease;
  --t-slow: 0.5s ease;
}