/* =============================================================
   AB II GROUPE IMMOBILIER — Design tokens
   Direction : éditorial premium. Fond + typographie uniquement.
   Contraintes : aucune bordure visible, aucun halo (glow).
   La séparation des blocs se fait par PALIER DE FOND et par VIDE.
   ============================================================= */

:root {
  /* --- Fonds : 5 paliers d'encre, du plus profond au plus clair --- */
  --ink-000: #08090a;   /* fond de page */
  --ink-100: #0c0e11;   /* section alternée */
  --ink-200: #111419;   /* carte au repos */
  --ink-300: #171b22;   /* carte survolée / champ de formulaire */
  --ink-400: #1e242d;   /* survol appuyé */

  /* --- Papier : registre clair pour les sections en rupture --- */
  --paper-000: #f3f1ec;
  --paper-100: #e9e6df;
  --paper-200: #dcd8cf;

  /* --- Texte sur encre --- */
  --chalk: #f4f2ee;                       /* titres */
  --chalk-80: rgba(244, 242, 238, 0.78);  /* corps de texte */
  --chalk-55: rgba(244, 242, 238, 0.55);  /* secondaire */
  --chalk-35: rgba(244, 242, 238, 0.35);  /* tertiaire, labels */
  --chalk-12: rgba(244, 242, 238, 0.12);  /* filets de tableau très discrets */

  /* --- Texte sur papier --- */
  --graphite: #14161a;
  --graphite-70: rgba(20, 22, 26, 0.7);
  --graphite-45: rgba(20, 22, 26, 0.45);

  /* --- Accent : bleu roi issu du logo ------------------------- */
  --accent: #1b4fa0;        /* aplats, boutons, fonds */
  --accent-vif: #2a66c4;    /* survol */
  --accent-clair: #6f9fe4;  /* texte accentué sur encre (contraste AA) */
  --accent-voile: rgba(27, 79, 160, 0.16);
  --accent-buee: rgba(27, 79, 160, 0.07);

  /* --- Micro-accent : rouge tuile du logo, usage strictement
         réservé aux états (vendu, urgence, alerte) ------------- */
  --brique: #c0392b;
  --brique-clair: #e2705f;
  --brique-voile: rgba(192, 57, 43, 0.14);

  /* --- Statuts --- */
  --dispo: #4fa07a;
  --dispo-voile: rgba(79, 160, 122, 0.14);
  --reserve: #c9a227;
  --reserve-voile: rgba(201, 162, 39, 0.14);

  /* --- Typographie ------------------------------------------- */
  --f-display: "Iowan Old Style", "Palatino Linotype", "URW Palladio L",
               P052, Palatino, "Book Antiqua", Georgia, serif;
  --f-sans: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system,
            "Helvetica Neue", Arial, sans-serif;
  --f-mono: "Cascadia Mono", "SF Mono", ui-monospace, Consolas,
            "Liberation Mono", monospace;

  /* Échelle fluide, ratio ~1.28, bornée mobile → desktop */
  --t-xxs: clamp(0.66rem, 0.63rem + 0.14vw, 0.72rem);
  --t-xs:  clamp(0.76rem, 0.73rem + 0.16vw, 0.83rem);
  --t-sm:  clamp(0.88rem, 0.85rem + 0.18vw, 0.95rem);
  --t-md:  clamp(1rem, 0.96rem + 0.22vw, 1.09rem);
  --t-lg:  clamp(1.18rem, 1.1rem + 0.4vw, 1.4rem);
  --t-xl:  clamp(1.5rem, 1.32rem + 0.85vw, 2.1rem);
  --t-2xl: clamp(2rem, 1.65rem + 1.7vw, 3.1rem);
  --t-3xl: clamp(2.6rem, 1.95rem + 3.1vw, 4.6rem);
  --t-4xl: clamp(3.2rem, 2.1rem + 5.2vw, 7rem);

  --lh-tight: 1.02;
  --lh-titre: 1.08;
  --lh-corps: 1.62;

  /* Interlettrage : serré sur les grands titres, ouvert sur les micro-labels */
  --ls-display: -0.028em;
  --ls-titre: -0.018em;
  --ls-corps: 0;
  --ls-label: 0.16em;

  /* --- Rythme spatial (base 4) --- */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4rem;
  --e-9: 6rem;
  --e-10: 8rem;

  /* Respiration verticale des sections */
  --section-y: clamp(4.5rem, 3rem + 7vw, 10rem);
  --section-y-court: clamp(3rem, 2rem + 4.5vw, 6rem);

  /* --- Trame --- */
  --largeur-max: 82.5rem;   /* 1320px */
  --largeur-texte: 40rem;   /* mesure de lecture ~68 signes */
  --gouttiere: clamp(1.25rem, 0.6rem + 3vw, 3.5rem);

  /* --- Rayons : discrets, jamais « pilule » sauf sur les puces --- */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-plein: 999px;

  /* --- Mouvement --- */
  --ease-sortie: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-doux: cubic-bezier(0.4, 0, 0.2, 1);
  --d-rapide: 180ms;
  --d-moyen: 380ms;
  --d-lent: 720ms;

  /* --- Profondeur : ombres portées franches, jamais colorées ni diffuses
         (une ombre colorée large = « glow », proscrit) --------- */
  --ombre-carte: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.28);
  --ombre-flottante: 0 2px 4px rgba(0, 0, 0, 0.45), 0 20px 56px rgba(0, 0, 0, 0.42);

  --entete-h: 4.75rem;
}

@media (max-width: 48rem) {
  :root { --entete-h: 4rem; }
}