/* ============================================================================
 * BlueBay Brokers — tokens.css
 * LA source des variables. Public ET back-office. Aucune regle de composant.
 *
 * Un theme = un remplacement de CE fichier, et rien d'autre. C'est le test
 * d'acceptation : changer --gold ici doit repeindre le site entier.
 *
 * Regle absolue : aucune page ne declare de variable. Un `--x:` dans un
 * <style> inline ou un attribut style= est un bug, pas une exception.
 *
 * ---------------------------------------------------------------------------
 * ARBITRAGES (mesures en prod le 2026-08-24, 135 pages, 93 jetons, 36
 * divergents). Chaque choix ci-dessous ecrase des valeurs qui existaient :
 * la justification est a cote, pas dans un commit.
 * ==========================================================================*/

:root {

  /* ── Marque ───────────────────────────────────────────────────────────────
     125 pages sur 133 s'accordaient deja sur l'or et le navy. Les ecarts
     restants sont la famille de documents Silver Bluff (#a8763e, 6 pages) et
     index.html (#c9a96e), traites separement. */
  --navy:       #0c1c35;
  --navy2:      #142444;   /* absorbe --navy-2 (#122647, 26 pages) */
  --navy3:      #1c2f55;   /* absorbe --navy-3 (#16315a, 7 pages)  */
  --gold:       #c9943a;
  --gold2:      #e8b55a;   /* l'or clair des survols, 33 pages, une seule valeur */
  --gold-soft:  #e0b768;   /* ARBITRAGE : 3 valeurs en prod (#e4c98f 27, #e0b768 21,
                              #e8b55a 15). On retient celle de la charte. Les 27
                              pages en #e4c98f fonceront legerement. */
  --teal:       #1a7a8a;   /* le tunnel « Manage » ; 6 pages portaient un teal
                              d'etude sans rapport, elles gardent le leur en local */
  --teal2:      #2a9aae;

  /* ── Surfaces ─────────────────────────────────────────────────────────────
     ARBITRAGE, et il contredit la spec. Celle-ci demandait --bg -> --off en
     supposant que --bg etait le nom back-office. La mesure dit l'inverse :
     --bg est porte par 43 pages publiques et 13 admin, --off par 24 et 1.
     Renommer le nom majoritaire vers le minoritaire aurait ete un recul. On
     garde --bg comme nom canonique et --off devient son alias : les deux
     valeurs (#faf9f6 et #f7f6f2) sont a un cheveu l'une de l'autre. */
  --white:      #fff;
  --bg:         #faf9f6;   /* fond de page */
  --off2:       #eeecea;   /* fond de bloc, un cran plus soutenu */
  --cream:      #f7f4ee;   /* le creme des heros et des bandeaux */

  /* ── Texte ────────────────────────────────────────────────────────────── */
  --text:       #1a1a18;
  --text2:      #4a4845;
  --text3:      #888780;   /* ARBITRAGE : absorbe --muted, dont la valeur
                              dominante (#5d6b82, 27 pages) etait un gris BLEU.
                              Le texte secondaire de ces pages se rechauffe. */

  /* ── Filets ───────────────────────────────────────────────────────────────
     ARBITRAGE, le cas nomme par la spec. Six valeurs en prod : #e5e1d8 (26),
     rgba(0,0,0,.09) (24), rgba(0,0,0,.1) (13), et trois marginales. On retient
     #e5e1d8, valeur de la charte back-office, et la seule opaque : sur les
     fonds clairs reellement utilises, l'ecart avec les rgba est invisible,
     mais une valeur opaque ne se compose pas avec ce qu'il y a dessous. */
  --border:     #e5e1d8;
  --line-soft:  rgba(255,255,255,.08);   /* filets sur fond navy */

  /* ── Etats ────────────────────────────────────────────────────────────────
     Nommes par leur ROLE, jamais par leur couleur : un vert qui devient bleu
     dans un autre theme doit rester --good. Les fonds teintes n'ont pas
     d'equivalent public, ils viennent du back-office et restent ici. */
  --good:       #0F6E56;
  --good-bg:    #E1F5EE;
  --warn:       #854F0B;
  --warn-bg:    #FAEEDA;
  --bad:        #993C1D;
  --bad-bg:     #FBE9E9;

  /* ── Geometrie et ombres ──────────────────────────────────────────────── */
  --r:          8px;
  --rl:         14px;
  /* ARBITRAGE NON TRANCHE : 4 valeurs en prod (996px sur 27 pages, 1120px sur
     19, 1080px sur 6, 960px sur 2). 996px est la regle de la charte publique,
     calee sur la largeur de la galerie. Passer les 19 pages en 1120px a 996px
     les retrecit visiblement : a valider avant de migrer ces pages-la. */
  --maxw:       996px;
  /* Le site a DEUX largeurs de contenu, et c'est un choix, pas une derive :
     996px est cale sur la largeur de la galerie des etudes, 1120px sert les
     pages larges plus recentes (registres, listes). Forcer les 19 pages en
     1120px vers 996px les aurait retrecies visiblement : on nomme la seconde
     largeur au lieu de la faire disparaitre. */
  --maxw-wide:  1120px;
  --sh:         0 2px 14px rgba(12,28,53,.07);
  --shh:        0 12px 48px rgba(12,28,53,.22);

  /* ── Typographie ──────────────────────────────────────────────────────── */
  --font-body:  'DM Sans', system-ui, -apple-system, sans-serif;
  --font-title: 'Playfair Display', Georgia, serif;
  --mono:       ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ══ ALIAS DE TRANSITION ══════════════════════════════════════════════════
     Le vocabulaire historique, redirige vers le nom canonique. Ce bloc existe
     pour une raison precise : il permet de retirer le :root d'une page SANS
     reecrire chacune de ses regles le meme jour. La page continue de marcher,
     et surtout elle se met a suivre le theme.
     A SUPPRIMER quand plus une seule page ne les emploie. Tant qu'il est la,
     la migration peut avancer page par page sans rien casser. */
  --ink:        var(--text);
  --line:       var(--border);
  --muted:      var(--text3);
  --off:        var(--bg);
  --t1:         var(--text);
  --t2:         var(--text2);
  --t3:         var(--text3);
  --navy-2:     var(--navy2);
  --navy-3:     var(--navy3);
  --green:      var(--good);
  --ok:         var(--good);
  --okbg:       var(--good-bg);
  --gbg:        var(--good-bg);
  --red:        var(--bad);
  --badbg:      var(--bad-bg);
  --amber:      var(--warn);
  --abg:        var(--warn-bg);
  --warnbg:     var(--warn-bg);
  --paper:      var(--white);
  --card:       var(--white);
  --radius:     var(--rl);
}
