/* ═══════════════════════════════════════════════════════════════════════════
   HOPPI — SOCLE DE TOKENS
   Source unique de toutes les valeurs de marque (RUS-1).

   Avant ce fichier, la palette de 5 couleurs vivait dans trois dialectes
   concurrents — 39 noms de tokens — et changer une couleur demandait trois
   modifications sous trois noms :
     · `--h-*`   déclaré dans css/navbar.css (:root) et redéclaré sur .h-footer
     · `--*`     déclaré dans css/etudes.css (:root)
     · `--hp-*`  déclaré sur .h-poste dans css/trouver-poste-hero.css

   Règle désormais : AUCUN token ne se déclare ailleurs qu'ici, et aucune valeur
   de marque ne s'écrit en dur dans une règle (RUS-2). Il manque une nuance ?
   Elle s'ajoute ICI, jamais au site d'appel.

   ⚠️ Chargé EN PREMIER, avant toute autre feuille du dépôt.

   Les blocs « alias » existent pour que les feuilles historiques continuent
   de fonctionner sans être réécrites d'un coup. Ils s'éteignent au fil des
   reprises (RAT-3) ; aucun code neuf ne les utilise.

   ⚠️ Un alias ne se pose ICI que si son nom nous appartient. Le dialecte non
   préfixé de css/etudes.css (`--pink`, `--air`…) reste DANS etudes.css :
   webflow.css déclare son propre `--pink: #fe869f`, et un alias global
   l'écraserait sur les 163 pages. Mesuré — la première version de ce socle
   repeignait `.bg-pink`, `.text-pink` et `.link` partout.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* ─── Palette officielle — 5 couleurs, fermée ─── */
  --h-charcoal: #28536B;
  --h-air: #7EA8BE;
  --h-peach: #F7E3AF;
  --h-pink: #EEB1D5;
  --h-latte: #FFF5E1;

  /* ─── Variantes dérivées ─── */
  --h-charcoal-dark: #1a3d52;
  --h-air-light: #a8c6d5;
  --h-air-50: #e9f0f4;
  --h-peach-light: #FDF2D4;
  --h-pink-dark: #e69abf;
  --h-pink-light: #F8DAEB;

  /* ─── Encres & filets ─── */
  --h-ink: #1B2B3A;
  --h-ink-soft: #425568;
  --h-ink-muted: #7A8A99;
  --h-white: #ffffff;
  --h-rule: #E8ECEF;
  --h-rule-soft: #F2F4F6;

  /* ─── Typographie ─── */
  --h-display: 'Baloo 2', 'Baloo', system-ui, sans-serif;
  --h-body: 'Inter', -apple-system, sans-serif;
  --h-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

}

/* ═══ ALIAS — dialecte historique de css/trouver-poste-hero.css ═══
   Restés de portée composant : c'est ainsi qu'ils étaient déclarés, et rien
   hors de `.h-poste` ne les consomme. Ne pas utiliser en code neuf. */
.h-poste {
  --hp-charcoal: var(--h-charcoal);
  --hp-charcoal-dark: var(--h-charcoal-dark);
  --hp-air: var(--h-air);
  --hp-pink: var(--h-pink);
  --hp-peach: var(--h-peach);
  --hp-latte: var(--h-latte);
  --hp-ink: var(--h-charcoal);
  --hp-muted: #4A6378;
}