/* ──────────────────────────────────────────────────────────────────────────
   extranet-tokens.css — Extranet copropriétaire : variables de design.

   Port direct de agence/public/assets/css/tokens.css (même palette "Habitat
   Urbain" : navy patrimonial, pierre blonde, bronze en accent, mêmes noms de
   variables --hu-*) + 4 tokens de statut ajoutés pour les soldes/badges de
   l'extranet (succès/danger/warning/info), absents du site vitrine qui n'a
   pas ce besoin.

   Chargé APRÈS Bootstrap + Bootstrap Icons, AVANT extranet.css (voir
   _layout.php / index.php).
   ────────────────────────────────────────────────────────────────────────── */

:root{

  /* ═══ 1. Primitives (identiques à agence) ═══════════════════════════════ */

  --hu-navy-900:#0D1524;
  --hu-navy-800:#16233D;
  --hu-navy-700:#1F3354;
  --hu-navy-600:#2B456E;
  --hu-navy-500:#3A5888;
  --hu-navy-400:#5B7AAB;

  --hu-stone-50:#FBF8F2;
  --hu-stone-100:#F5EFE3;
  --hu-stone-200:#EDE4D4;
  --hu-stone-300:#DDD0B9;
  --hu-stone-400:#C9B99C;

  --hu-bronze-700:#6F571F;
  --hu-bronze-600:#8C6E2F;
  --hu-bronze-500:#A8863F;
  --hu-bronze-400:#C4A263;
  --hu-bronze-300:#DCC08A;

  --hu-warm-900:#231E18;
  --hu-warm-800:#2E2820;
  --hu-warm-700:#3B342B;
  --hu-warm-600:#5C5348;
  --hu-warm-500:#6E6558;
  --hu-warm-400:#8F8677;
  --hu-warm-300:#BDB3A4;

  --hu-white:#FFFFFF;

  --hu-rgb-navy:22 35 61;
  --hu-rgb-stone:245 239 227;
  --hu-rgb-bronze:140 110 47;
  --hu-rgb-warm:35 30 24;
  --hu-rgb-white:255 255 255;


  /* ═══ 2. Tokens sémantiques ═════════════════════════════════════════════ */

  --hu-bg:var(--hu-stone-50);
  --hu-bg-alt:var(--hu-stone-100);
  --hu-surface:var(--hu-white);
  --hu-surface-2:var(--hu-stone-200);

  --hu-ink:var(--hu-warm-900);
  --hu-ink-soft:var(--hu-warm-700);
  --hu-muted:var(--hu-warm-500);
  --hu-faint:var(--hu-warm-400);

  --hu-line:var(--hu-stone-300);
  --hu-line-soft:var(--hu-stone-200);
  --hu-line-strong:var(--hu-stone-400);

  --hu-primary:var(--hu-navy-800);
  --hu-primary-hover:var(--hu-navy-600);
  --hu-primary-soft:var(--hu-navy-400);
  --hu-on-primary:var(--hu-stone-50);

  --hu-accent:var(--hu-bronze-600);
  --hu-accent-hover:var(--hu-bronze-700);
  --hu-accent-soft:var(--hu-bronze-400);
  --hu-on-accent:var(--hu-stone-50);

  --hu-inverse-bg:var(--hu-navy-900);
  --hu-on-inverse:var(--hu-stone-50);
  --hu-on-inverse-muted:rgb(var(--hu-rgb-stone) / .70);
  --hu-line-inverse:rgb(var(--hu-rgb-stone) / .14);

  --hu-focus-ring:0 0 0 .2rem rgb(var(--hu-rgb-navy) / .18);

  /* Statuts — soldes, badges d'état (ajout extranet, teintes chaudes
     cohérentes avec la palette, pas de rouge/vert Bootstrap générique) */
  --hu-success-bg:#E6EFE8;
  --hu-success-ink:#2F6F4E;
  --hu-danger-bg:#F5E4DE;
  --hu-danger-ink:#9C3B2E;
  --hu-warning-bg:var(--hu-stone-200);
  --hu-warning-ink:var(--hu-bronze-700);
  --hu-info-bg:var(--hu-stone-100);
  --hu-info-ink:var(--hu-navy-600);


  /* ═══ 3. Échelles ═══════════════════════════════════════════════════════ */

  --hu-space-1:4px;
  --hu-space-2:8px;
  --hu-space-3:12px;
  --hu-space-4:16px;
  --hu-space-5:24px;
  --hu-space-6:32px;
  --hu-space-7:48px;

  --hu-radius-xs:2px;
  --hu-radius-sm:4px;
  --hu-radius-md:6px;
  /* Rayon élargi, réservé aux cartes de tableau de bord : lecture de
     données au long cours, pas une vitrine — exception assumée par rapport
     aux 6px max du site public. Boutons/badges restent sur l'échelle agence. */
  --hu-radius-dash:12px;

  --hu-shadow-xs:
    0 1px 1px rgb(var(--hu-rgb-warm) / .04),
    0 1px 2px rgb(var(--hu-rgb-warm) / .04);
  --hu-shadow-sm:
    0 1px 2px rgb(var(--hu-rgb-warm) / .04),
    0 2px 6px -2px rgb(var(--hu-rgb-warm) / .06);
  --hu-shadow-md:
    0 1px 2px rgb(var(--hu-rgb-warm) / .04),
    0 6px 14px -6px rgb(var(--hu-rgb-warm) / .10),
    0 12px 28px -14px rgb(var(--hu-rgb-warm) / .10);

  --hu-btn-dur:200ms;
  --hu-dur-fast:120ms;
  --hu-dur:180ms;
  --hu-ease:cubic-bezier(.2,.6,.3,1);
  --hu-transition:var(--hu-dur) var(--hu-ease);

  --hu-font-serif:'Cormorant Garamond', Garamond, Georgia, 'Times New Roman', serif;
  --hu-font-sans:'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hu-font-mono:'IBM Plex Mono', ui-monospace, Consolas, monospace;

  --hu-text-2xs:.66rem;
  --hu-text-xs:.72rem;
  --hu-text-sm:.8rem;
  --hu-text-base:1rem;
  --hu-text-md:1.1rem;
  --hu-text-lg:1.25rem;
  --hu-text-xl:1.8rem;

  --hu-leading:1.6;
  --hu-tracking-wide:.05em;
  --hu-tracking-wider:.11em;
}