/* COPIE de branding/mailops/06_Web/mailops-tokens.css sans l'@import Google Fonts —
   générée par tools/sync_tokens.py, vérifiée par tests/test_tokens_sync.py. Ne pas éditer. */
/*
  MailOps — jetons de design web, monde « Grand tableau » (lot 63, 2026-09-19).
  SOURCE UNIQUE. La copie de apps/ui-common/.../mailops-tokens.css est générée par
  tools/sync_tokens.py et vérifiée par tests/test_tokens_sync.py : ne jamais éditer la copie.
  Aucune ressource distante : les polices sont servies EN LOCAL par ui-common
  (fonts.css / fetch_vendor.py). Pas d'@import Google Fonts ici.
  Documentation : DIRECTION.md et 00_Charte-graphique-MailOps.html.
*/

:root {
  /* ============ Monde « Grand tableau » ============ */
  /* Tableau (invariant clair/sombre) */
  --board:#0E2557; --board-row:#132E68; --board-line:#2A4A8A; --board-deep:#081A3E;
  --cell:#0A1F4C; --cell-edge:#1C3D7E; --hinge:#040E28;
  /* Signal */
  --glyph:#FFC42E; --glyph-hi:#FFD35E; --chalk:#F3F4EF; --chalk-dim:#AFBEDD;
  /* Lecture (clair) */
  --ground:#E4E6E1; --paper:#F6F7F4; --ink:#12161C; --ink-2:#4A525E;
  --rule:#C6CAC4; --rule-strong:#8A9198; --link:#1647A0; --focus:#1647A0;
  /* Action */
  --action:#FFC42E; --action-ink:#12161C;
  /* États — sur fond bleu de quai UNIQUEMENT. --new = « à classer » (carré plein jaune signal). */
  --late:#FF9A52; --wait:#F3F4EF; --gone:#6FD39F; --new:#FFC42E;
  /* Lignes (tags) SYSTÈME — couleur fixe, texte blanc dessus */
  --t-facture:#B8500C; --t-contrat:#6A4BB5; --t-banque:#127A52;
  --t-admin:#2360B8; --t-auto:#5E6670;
  /* Réserve de 6 couleurs pour les tags créés (utilisateur ou proposés par l'IA), attribuée à la
     création. Toutes ≥ 4,5:1 sous texte blanc (mesuré, palette.json). t-1 = client, t-2 = chantier ;
     t-3..t-6 provisoires, ajustables par Jeff (§8.5). --t-client / --t-chantier = alias des 2 exemples. */
  --t-1:#AD1457; --t-2:#0E6B8C; --t-3:#9A3324; --t-4:#55600F; --t-5:#3B4B8C; --t-6:#7A3B6B;
  --t-client:var(--t-1); --t-chantier:var(--t-2);
  /* Interdiction — panneaux d'interdiction UNIQUEMENT */
  --stop:#E0414A;
  /* Carré du pictogramme d'en-tête de page (lot 68 E1.1) — bleu de quai sous glyphe jaune */
  --pic:var(--board);
  /* Coque de la console admin — graphite (D5), invariant clair/sombre comme le bleu de quai */
  --cp-head:#1D1F22; --cp-nav:#2A2E35; --cp-line:#3A3F47; --cp-ink:#C9CDD2; --cp-ink-dim:#8A9098;
  /* Typographie — familles servies en local par ui-common */
  --f-board:"Barlow Condensed","Arial Narrow",sans-serif;
  --f-text:"Barlow","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"Chivo Mono",ui-monospace,Consolas,monospace;
  /* Rayons — 0 sur les panneaux, 4 px max sur les contrôles, 6 px sur les panneaux de pictos */
  --r-sm:3px; --r-md:4px; --r-lg:6px; --r-pill:999px;
  /* Le monde utilise des filets, PAS d'ombre portée */
  --shadow:none; --shadow-sm:none; --shadow-md:none; --shadow-lg:none;
  --shadow-cta:none; --shadow-dark:none;
  --rule-on-dark:rgba(238,240,236,.14);
  /* Mouvement */
  --t:140ms;

  /* ============ Alias hérités (consommés par ui.css et les gabarits) → valeurs du monde ============ */
  --bg:var(--ground); --bg-elev:var(--paper); --bg-card:var(--paper);
  --cloud:var(--chalk);   /* surface claire FIXE (texte clair sur les fonds bleus permanents : sidebar console, hero) — ne bascule pas */
  --fg:var(--ink); --fg-muted:var(--ink-2);
  --line:var(--rule); --border:var(--rule); --line-strong:var(--rule-strong);
  --navy:var(--board); --blue:var(--board); --blue-soft:#DDE6F5;
  --blue-text:var(--link); --blue-text-dark:#9CBEFF; --link-bg:#DDE6F5;
  --slate:var(--rule-strong); --slate-text:var(--ink-2); --slate-text-dark:#AEB5BF;
  --cyan:#9CBEFF; --cyan-soft:#DDE6F5;   /* l'AI-cyan de l'ancienne charte est aboli : héritier = bleu clair sur sombre */
  --cta:var(--action);
  --f-display:var(--f-board); --f-sans:var(--f-text);

  /* ============ Sémantiques d'interface (états de formulaire) — conservées, déjà mesurées ============ */
  --success:#0E6B5C; --success-text:#0E6B5C; --success-text-dark:#5DD3B0; --success-soft:#D3ECE7; --success-fg:#FFFFFF;
  --warning:#E0A82F; --warning-text:#7A5200; --warning-text-dark:#F5C451; --warning-soft:#FFF4D6; --warning-fg:var(--ink);
  --danger:#C8323E;  --danger-text:#A8232E;  --danger-text-dark:#FF8F98;  --danger-soft:#FDE8EA; --danger-fg:#FFFFFF;
  --info:var(--link); --info-soft:#DDE6F5;
  --up:var(--success); --down:var(--danger); --warn:var(--warning);
}

/* ============ Thème sombre — le tableau ne change pas, seul le fond de lecture bascule ============ */
:root[data-theme="dark"] {
  --ground:#15181D; --paper:#1C2027; --ink:#EEF0EC; --ink-2:#AEB5BF;
  --rule:#2E343D; --rule-strong:#5A626C; --link:#9CBEFF; --focus:#FFC42E;
  --blue-text:#9CBEFF; --slate-text:#AEB5BF; --cyan:#9CBEFF;
  --pic:#24428A;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground:#15181D; --paper:#1C2027; --ink:#EEF0EC; --ink-2:#AEB5BF;
    --rule:#2E343D; --rule-strong:#5A626C; --link:#9CBEFF; --focus:#FFC42E;
    --blue-text:#9CBEFF; --slate-text:#AEB5BF; --cyan:#9CBEFF;
    --pic:#24428A;
  }
}