/* ============================================================
   Design tokens JPLR — Je Passe Le Relais · MVP V1
   Source : deck produit & technique v7 (slides 27–32)
   Version 1.0 — juillet 2026 · jepasselerelais.com / .fr
   Règle d'or : un état = une couleur, partout.
   ============================================================ */

:root {
  /* --- Marque --- */
  --jplr-blue: #2864FF;        /* action, lien, état actif, focus */
  --jplr-ink: #111318;         /* titres et texte courant */
  --jplr-green: #128C67;       /* succès, mission close */
  --jplr-coral: #FF7A6E;       /* risque N3, retard, blocage */
  --jplr-purple: #7A5AF8;      /* accent secondaire (en cours) */

  /* --- Neutres --- */
  --jplr-text-secondary: #2F343C;
  --jplr-text-muted: #68717D;
  --jplr-border: #DDE2E8;
  --jplr-bg-support: #F4F6F8;
  --jplr-bg-page: #FFFFFF;

  /* --- Teintes pastel --- */
  --jplr-tint-blue: #DCE7FF;
  --jplr-tint-green: #DDF6EA;
  --jplr-tint-yellow: #FFE69A;
  --jplr-tint-coral: #FFE7E4;
  --jplr-tint-purple: #E9E2FF;
  --jplr-tint-sky: #EAF5FB;

  /* --- États mission (fond de chip / texte associé) --- */
  --status-recue-bg: var(--jplr-bg-support);      --status-recue-fg: #2F343C;
  --status-qualifiee-bg: var(--jplr-tint-blue);   --status-qualifiee-fg: #111318;
  --status-autorisee-bg: var(--jplr-blue);        --status-autorisee-fg: #FFFFFF;
  --status-encours-bg: var(--jplr-tint-purple);   --status-encours-fg: #111318;
  --status-avalider-bg: var(--jplr-tint-yellow);  --status-avalider-fg: #111318;
  --status-close-bg: var(--jplr-tint-green);      --status-close-fg: #128C67;
  --status-bloquee-bg: var(--jplr-tint-coral);    --status-bloquee-fg: #B3372B;

  /* --- Risque (pastille) --- */
  --risk-n0: var(--jplr-blue);
  --risk-n1: var(--jplr-blue);
  --risk-n2: var(--jplr-ink);
  --risk-n3: var(--jplr-coral);

  /* --- Typographie --- */
  --font-ui: Inter, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;
  --text-xl: 24px;   /* titre d'écran */
  --text-lg: 18px;   /* titre de carte */
  --text-md: 14px;   /* corps */
  --text-sm: 12px;   /* métadonnées, chips */
  --text-xs: 11px;   /* labels uppercase, tracking 0.06em */
  --leading-tight: 1.25;
  --leading-base: 1.5;

  /* --- Espacements --- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;

  /* --- Rayons --- */
  --radius-chip: 999px;
  --radius-card: 12px;
  --radius-input: 8px;
  --radius-bubble: 14px;   /* coin émetteur : 4px */

  /* --- Ombres --- */
  --shadow-card: 0 1px 3px rgba(17, 19, 24, 0.07);
  --shadow-overlay: 0 8px 30px rgba(17, 19, 24, 0.16);
}

/* Montants, échéances, compteurs : chiffres tabulaires obligatoires */
.jplr-num { font-variant-numeric: tabular-nums; }