/* ============================================================
   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;

  /* --- Typographie --- */
  --font-ui: Inter, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;
  --leading-tight: 1.25;
  --leading-base: 1.5;

  /* --- 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);

  /* --- Site public v2 (écran 3a) — palette « café » --- */
  --site-cream: #FBF7F0;         /* fond de page */
  --site-cream-border: #E8DFD2;  /* bordures sur fond crème */
  --site-brown: #8A5A2B;         /* accent café, kickers */
  --site-brown-light: #C89B66;   /* kicker sur fond sombre */
  --site-dark-muted: #9AA3AE;    /* texte secondaire sur fond sombre */
  --shadow-screen: 0 8px 30px rgba(17, 19, 24, 0.10);
  --shadow-float: 0 8px 30px rgba(17, 19, 24, 0.14);
  --shadow-cta: 0 8px 24px rgba(40, 100, 255, 0.28);
}

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