/* Help4Housing · jetons de design
 * Palette déclinée du logo bordeaux #87010B.
 * Direction : mélange Vögeli (sobriété, blanc, un accent) + Michalski
 * (panneaux de couleur pleins, éditorial). Ton chaleureux et humain.
 */
:root {
  /* Marque (bordeaux du logo) */
  --brand:        #87010B;
  --brand-deep:   #5E0009;   /* survol, aplats sombres */
  --brand-bright: #A8151F;   /* liens sur fond sombre, focus */

  /* Encre chaude (texte) */
  --ink:          #241413;
  --muted:        #7A6B64;   /* texte secondaire */

  /* Fonds chauds */
  --cream:        #FBF7F2;   /* fond principal */
  --blush:        #F3E4E1;   /* panneau doux, dérivé rosé du bordeaux */
  --sand:         #EFE6D8;   /* panneau chaud alternatif */
  --line:         #E6DCCF;   /* filets, séparateurs */

  /* Texte sur aplat bordeaux */
  --on-brand:     #FBF7F2;
  --on-brand-mut: #E7C9CC;

  /* Rythme */
  --maxw: 1240px;
  --gut: clamp(1.25rem, 4vw, 4rem);
  --radius: 16px;        /* coins bien arrondis */
  --radius-pill: 999px;  /* boutons pills */

  /* Typo (auto-hébergée, sans Google Fonts pour rester sans cookie) */
  --font-display: "EB Garamond", Georgia, "Times New Roman", serif; /* sobre, élégant */
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Échelle mesurée : titres élégants, jamais massifs. */
  --step--1: clamp(.82rem, .79rem + .15vw, .92rem);
  --step-0:  clamp(.98rem, .95rem + .2vw, 1.08rem);
  --step-1:  clamp(1.15rem, 1.05rem + .4vw, 1.4rem);
  --step-2:  clamp(1.5rem, 1.3rem + .9vw, 2rem);
  --step-3:  clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem);
  --step-4:  clamp(2.1rem, 1.6rem + 2.1vw, 3.3rem);
}