/* ============================================
   HABITATE — Design tokens
   Source : tokens CSS du site + variables Figma
   ============================================ */
:root {
  /* Couleurs (noms Figma) */
  --c-white: #ffffff;
  --c-lilac: #f4f1ec;        /* Blanc pierre TMT (ex White Lilac) — fonds cartes/CTA */
  --c-black: #000000;
  --c-cod: #1a1a1a;          /* Cod Gray */
  --c-cod-2: #262626;
  --c-overlay: rgba(18, 18, 18, 0.78); /* Cod Gray 78% — overlay images */
  --c-text: #474747;         /* gris texte courant */
  --c-tundora: #424242;
  --c-orange: #c79a3b;       /* Or TMT (ex Sea Buckthorn) — étoiles, nav active */
  --c-gold: #b57505;         /* Or foncé — bouton hero, hover nav */
  --c-gallery: #ededed;      /* chiffres process */
  --c-alto: #cfcfcf;
  --c-alto-63: rgba(217, 217, 217, 0.63);
  --c-silver: #b0b0b0;
  --c-wild-sand: #f7f7f7;
  --c-mercury: #e9e9e9;
  --c-bizarre: #e9dad0;

  /* Typographie */
  --f-heading: 'Switzer', sans-serif;
  --f-body: 'Manrope', sans-serif;
  --f-ui: 'Inter', sans-serif;

  --fs-h1: 50px;   --lh-h1: 65px;
  --fs-h2: 40px;   --lh-h2: 44px;
  --fs-h3: 30px;
  --fs-h4: 23px;
  --fs-body: 16px; --lh-body: 22.4px; --ls-body: 0.32px;
  --fs-ui: 14px;   --lh-ui: 19.6px;
  --fs-num: 81px;  --lh-num: 64.8px;  /* chiffres process */

  /* Espacements (variables Figma) */
  --sp-xxs: 4px;
  --sp-xs: 8px;
  --sp-12: 12px;
  --sp-s: 24px;
  --sp-32: 32.8px;
  --sp-l: 48px;
  --sp-64: 64px;

  /* Layout */
  --container: 1400px;
  --container-pad: 64px;
  --nav-h: 56px;
  --hero-min: 700px;
  --hero-max: 915px;

  /* Rayons */
  --r-media: 25px;
  --r-pill: 90px;
  --r-card: 20px;
}