/* BEJOY — Design tokens (source unique de vérité).
 * Chargé EN PREMIER sur les deux surfaces (wp-admin + console front /espace)
 * via la dépendance `bejoy-tokens`. Les fichiers admin.css / dashboard.css /
 * tunnel.css consomment ces variables en `var(--bj-*)`.
 *
 * Objectif LOT 0 : aligner les 3 systèmes CSS qui cohabitaient (admin hex en
 * dur, tunnel `--bj-*`, dashboard `--d-*`) sur UNE palette espresso/crème.
 * Les alias de compat (--bj-es/pa/sa/ta + --d-*) restent définis ici pour que
 * toute variable historique continue de résoudre — vers les valeurs unifiées.
 */
:root {
  /* ── Surfaces ─────────────────────────────────────────── */
  --bj-bg: #FBF8F4;        /* fond crème (pages) */
  --bj-surface: #fff;      /* cartes, champs */

  /* ── Bordures (UN seul filet, remplace #EBE5DC / #E8E1D8) ─ */
  --bj-cr: #E7E1DA;        /* hairline unique */

  /* ── Texte ────────────────────────────────────────────── */
  --bj-text: #332924;      /* espresso (corps + titres) */
  --bj-text-2: #6E635C;    /* secondaire (meta) */
  --bj-text-3: #9A8F87;    /* tertiaire (labels caps, faint) */

  /* ── Accents ──────────────────────────────────────────── */
  --bj-clay: #AD6050;      /* argile : actif / lien (jamais aplat déco) */
  --bj-gold: #AA9267;      /* or sourd */

  /* ── Statuts (vert sourd / ambre / UN seul rouge) ─────── */
  --bj-ok: #4E7A3E;        /* vert sourd */
  --bj-warn: #B07A22;      /* ambre */
  --bj-err: #A6402F;       /* rouge unique */
  /* Fonds pastel des badges/notices (dérivés, fill clair) */
  --bj-ok-bg: #EDF2E8;
  --bj-warn-bg: #F7EFDF;
  --bj-err-bg: #F6E8E4;
  --bj-muted-bg: #F0ECE6;

  /* ── Forme ────────────────────────────────────────────── */
  --bj-radius: 8px;
  --bj-radius-sm: 6px;

  /* ── Espacement (base 8px) ────────────────────────────── */
  --bj-sp-1: 4px;
  --bj-sp-2: 8px;
  --bj-sp-3: 12px;
  --bj-sp-4: 16px;
  --bj-sp-5: 20px;
  --bj-sp-6: 24px;
  --bj-sp-8: 32px;

  /* ── Typo ─────────────────────────────────────────────── */
  /* Google Sans Flex — police de marque Google, open source (OFL) depuis nov. 2025.
     Libre pour usage commercial. Repli Inter puis système. */
  --bj-font: 'Google Sans Flex', 'Inter', system-ui, sans-serif;

  /* ── Compat — anciens noms tunnel.css : aliasés vers l'unifié ─
   * Permet aux ~57 var(--bj-es) / 35 var(--bj-cr) / 33 var(--bj-ta)
   * existants de continuer à résoudre, vers les nouvelles valeurs. */
  --bj-es: var(--bj-text);   /* espresso */
  --bj-pa: var(--bj-bg);     /* paper → fond crème unifié */
  --bj-sa: #BDA795;          /* sand (conservé, ton intermédiaire) */
  --bj-ta: var(--bj-text-2); /* taupe → secondaire unifié */

  /* Motion (repris de tunnel.css pour rester accessibles partout) */
  --bj-shadow: 0 1px 3px rgba(51,41,36,.10);
  --bj-shadow-lg: 0 4px 16px rgba(51,41,36,.14);
  --bj-recap-h: 72px;
  --bj-dur-tap: 90ms;
  --bj-dur-fast: 130ms;
  --bj-dur-base: 190ms;
  --bj-dur-slow: 260ms;
  --bj-ease-out: cubic-bezier(.2, 0, 0, 1);
  --bj-ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --bj-ease-tap: cubic-bezier(.3, 0, .3, 1);

  /* ── Front /espace (découplé de admin.css) ───────────── */
  --bj-content-bg: #fff;
  --bj-side-bg: #F5F2EC;
  --bj-cr: #E8E6E2;          /* override : bordure front (plus neutre que #E7E1DA) */
  --bj-hover: #F7F6F4;
  --bj-btn-fg: #fff;

  /* ── Compat — anciens noms dashboard.css `--d-*` ──────── */
  --d-es: var(--bj-text);
  --d-ta: var(--bj-text-2);
  --d-cr: var(--bj-cr);
  --d-bg: var(--bj-bg);
}