/* PLB-3 Petrole — Craft preset adapte multi-services */
:root {
  /* Couleurs */
  --bg: #EFF1F0;
  --bg-alt: #E5E9E8;
  --surface: #FFFFFF;
  --text: #26302E;
  --text-2: #46524F;
  --text-mute: #6E7976;
  --border: rgba(38, 48, 46, 0.14);
  --border-soft: rgba(38, 48, 46, 0.08);

  --accent: #1E5F6B;
  --accent-soft: #C9DCDF;
  --accent-2: #2C8896;
  --accent-dark: #143F47;

  --primary: #26302E;
  --wa-green: #25D366;
  --wa-green-dark: #1FA855;

  /* Typographie */
  --ff-display: 'Lora', Georgia, 'Times New Roman', serif;
  --ff-body: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-ui: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Tailles fluides */
  --fs-h1: clamp(2.2rem, 5vw, 3.6rem);
  --fs-h2: clamp(1.7rem, 3.4vw, 2.4rem);
  --fs-h3: clamp(1.15rem, 1.8vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-mini: 0.78rem;

  /* Espacements */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;

  /* Header & layout */
  --header-h: 72px;
  --header-h-mobile: 60px;
  --container: 1200px;
  --container-narrow: 820px;

  /* Z-index (header > menu, regle anti-bug) */
  --z-base: 1;
  --z-header: 1100;
  --z-menu: 1000;
  --z-fab: 900;
  --z-modal: 1200;

  /* Transitions */
  --t-fast: 0.18s ease;
  --t-base: 0.3s ease;
}