/* Engelisboard — jetons de design (SEUL endroit où vivent les valeurs de couleur, d'ombre et de série de graphique).
   Règle : app.css, les vues et le JS ne contiennent aucune couleur littérale ; ils utilisent ces variables.
   Le JS les lit à l'exécution (EB.css('--chart-1')) pour Chart.js. */
:root {
  /* Identité Engelis */
  --engelis-navy: #253580; --engelis-navy-dark: #1b255d; --engelis-navy-darker: #131a45;
  --engelis-orange: #E4850D; --engelis-orange-soft: #F5A93B; --engelis-light: #DDE3F7;
  --engelis-muted: #5A607A; --engelis-bg: #f5f7fc; --engelis-card: #ffffff;
  --white: #ffffff;

  /* Bootstrap */
  --bs-body-color: #1d2540; --bs-link-color: var(--engelis-navy); --bs-link-hover-color: var(--engelis-orange);
  --bs-primary: var(--engelis-navy); --bs-primary-rgb: 37, 53, 128;
  --bs-body-font-family: 'Figtree', system-ui, sans-serif;

  /* Surfaces, traits et états */
  --surface-1: #f1f4fc; --surface-2: #edf0f9; --surface-3: #eceff8; --row-hover: #f8f9fe;
  --line: #e2e6f3; --field-line: #ccd3ea;
  --up: #14703f; --down: #b3261e;
  --ok-bg: #e4f5ec; --ok-line: #b7e2c9;
  --ko-bg: #fbe9e7; --danger-line: #efb9b3;
  --warn-bg: #fff8ec; --warn-line: #f3d9a8; --warn-panel: #fffdf8; --warn-ink: #8a4d00; --accent-bg: #fdeed7;
  --ink-on-accent: #1b1200;

  /* Textes et traits sur fond sombre (rail navy, bande KPI) */
  --rail-muted: #8f9ad0; --rail-soft: #9aa5d8; --on-navy-soft: #b9c2ec;
  --up-on-dark: #7be3a8; --down-on-dark: #ffb0a8; --flat-on-dark: #cbd3f2;
  --on-dark-1: rgba(255, 255, 255, .08); --on-dark-2: rgba(255, 255, 255, .1); --on-dark-3: rgba(255, 255, 255, .12);
  --active-on-dark: rgba(228, 133, 13, .16);

  /* Recouvrements */
  --scrim: rgba(19, 26, 69, .55); --frost: rgba(245, 247, 252, .94);

  /* Ombres (un décalage et un flou doux, jamais de halo) */
  --shadow-panel: 0 1px 2px rgba(19, 26, 69, .04);
  --shadow-skip: 0 6px 20px rgba(19, 26, 69, .25);
  --shadow-rail: 0 0 40px rgba(0, 0, 0, .4);
  --shadow-focus: 0 0 0 .2rem rgba(37, 53, 128, .15);
  --shadow-seg: 0 2px 6px rgba(37, 53, 128, .3);
  --shadow-card-hover: 0 10px 24px rgba(37, 53, 128, .12);
  --shadow-pop: 0 14px 34px rgba(19, 26, 69, .18);
  --shadow-toast: 0 10px 30px rgba(19, 26, 69, .35);
  --shadow-login: 0 20px 50px rgba(19, 26, 69, .1);

  /* Graphiques : palette catégorielle SANS orange (l'orange reste réservé à l'action et au signal) */
  --chart-1: #253580; --chart-2: #2f9e9a; --chart-3: #7b61c9; --chart-4: #5b8fe0; --chart-5: #8b97dc;
  --chart-6: #1f6f8b; --chart-7: #a06cc0; --chart-8: #5A607A; --chart-9: #79b8b4; --chart-10: #3b4a9f;
  --map-halo: rgba(37, 53, 128, .28);
  --series-prev: #8b97dc; --chart-area: rgba(37, 53, 128, .12);
  --share-1: #131a45; --share-2: #253580; --share-3: #4a5bb0; --share-4: #7c8bd0; --share-5: #a9b3e3; --share-6: #d3d8f1;

  /* Gabarits */
  --rail-w: 15.5rem; --radius: 14px;
  --font-display: 'Bricolage Grotesque', 'Figtree', sans-serif;
}