/* Tokens GIMENES Couverture — tirés du logo (ardoise + orange) et des chantiers (chaux, tuile, zinc). */
:root {
  --ink: #141414;
  --ink-2: #1c1c1c;
  --ink-3: #262626;
  --orange: #E94E20;
  --orange-hot: #FF5A26;
  --chaux: #F2EEE6;
  --chaux-2: #E7E1D5;
  --zinc: #8A8D90;
  --tuile: #B4532F;

  --color-bg: var(--ink);
  --color-surface: var(--ink-2);
  --color-text: #F4F1EC;
  --color-text-muted: #A6A39E;
  --color-accent: var(--orange);
  --color-line: rgba(244, 241, 236, .14);
  --color-on-accent: var(--ink);

  --font-display: "Archivo", "Arial Black", system-ui, sans-serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --step--1: clamp(0.82rem, 0.79rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3: clamp(1.9rem, 1.5rem + 2vw, 3.1rem);
  --step-4: clamp(2.4rem, 1.6rem + 4vw, 4.8rem);
  --step-5: clamp(3rem, 1.4rem + 8vw, 9rem);
  --step-6: clamp(3.4rem, 0.8rem + 12vw, 13rem);

  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  --space-xl: clamp(4rem, 2.5rem + 6vw, 8rem);
  --space-2xl: clamp(5rem, 3rem + 10vw, 12rem);

  --container: 84rem;
  --gutter: clamp(1rem, 0.4rem + 3vw, 3rem);
  --radius: 0;
  --header-h: 72px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --duration: 900ms;

  /* La forme « maison » du logo, réutilisée comme masque photo */
  --house: polygon(50% 0%, 100% 34%, 100% 100%, 0% 100%, 0% 34%);
}