/* =====================================================================
   Midway · jetons de conception
   Repris de la passation docs/design_handoff_midway/README.md, section 10.
   Les valeurs sont definitives : ne pas les normaliser.
   ===================================================================== */

/* ── Police ────────────────────────────────────────────────────────────
   Lato est servie par le depot cible, pas depuis Google Fonts : la console
   tourne sur une machine dont le port n'est joignable que par Tailscale, et
   dependre d'un CDN externe la rendrait illisible hors ligne. Les chutes
   couvrent le cas ou la police n'est pas encore versee.
   ------------------------------------------------------------------- */

:root {
  --police: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --police-fixe: ui-monospace, 'SFMono-Regular', 'Menlo', 'Consolas', monospace;

  /* Rayons */
  --r-puce: 4px;
  --r-bouton: 5px;
  --r-champ: 7px;
  --r-carte: 8px;
  --r-pastille: 16px;

  /* Ombres · les deux seules du systeme */
  --ombre-segment: 0 1px 2px rgba(0, 0, 0, 0.08);
  --ombre-cadre: 0 8px 32px rgba(0, 0, 0, 0.12);

  /* Largeur de contenu */
  --largeur: 1360px;
}

/* ── Theme clair, par defaut ───────────────────────────────────────── */

:root,
:root[data-theme='clair'] {
  --bg: #f1f3f5;
  --surface: #ffffff;
  --surface-2: #f8f9fa;
  --surface-3: #eef0f2;
  --border: #e2e5e9;
  --border-strong: #c9cfd6;
  --text: #1b1f24;
  --text-2: #5b636d;
  --text-3: #8b939d;
  --primary: #f77500;
  --primary-weak: rgba(247, 117, 0, 0.1);
  --on-primary: #ffffff;

  --success: #2fe395;
  --success-ink: #10794f;
  --success-weak: rgba(47, 227, 149, 0.14);

  --error: #d64165;
  --error-ink: #b02a4d;
  --error-weak: rgba(214, 65, 101, 0.12);

  --warning: #faae20;
  --warning-ink: #8a5900;
  --warning-weak: rgba(250, 174, 32, 0.16);

  --ongoing: #7ba7ff;
  --ongoing-ink: #2d5fbf;
  --ongoing-weak: rgba(123, 167, 255, 0.16);
}

/* ── Theme sombre ──────────────────────────────────────────────────────
   La primaire CHANGE DE TEINTE : orange en clair, bleu en sombre. C'est une
   signature du design system LuceApp, pas un accident, et il ne faut pas la
   normaliser. Les couleurs semantiques pleines sont identiques dans les deux
   themes ; seules leurs encres et leurs fonds faibles s'adaptent.

   Consequence assumee : en sombre, --ongoing et --primary valent la meme
   valeur #7ba7ff, donc l'etat « envoyee » et la primaire se ressemblent. C'est
   acceptable parce qu'un etat porte TOUJOURS un libelle, jamais une couleur
   seule.
   ------------------------------------------------------------------- */

:root[data-theme='sombre'] {
  --bg: #13161a;
  --surface: #1a1e24;
  --surface-2: #21262d;
  --surface-3: #272d35;
  --border: #2c333c;
  --border-strong: #3d4650;
  --text: #e8ebee;
  --text-2: #a3acb7;
  --text-3: #7b848f;
  --primary: #7ba7ff;
  --primary-weak: rgba(123, 167, 255, 0.14);
  --on-primary: #0d1117;

  --success: #2fe395;
  --success-ink: #2fe395;
  --success-weak: rgba(47, 227, 149, 0.14);

  --error: #d64165;
  --error-ink: #f2708f;
  --error-weak: rgba(214, 65, 101, 0.18);

  --warning: #faae20;
  --warning-ink: #faae20;
  --warning-weak: rgba(250, 174, 32, 0.14);

  --ongoing: #7ba7ff;
  --ongoing-ink: #7ba7ff;
  --ongoing-weak: rgba(123, 167, 255, 0.16);
}

/* Respecte la preference systeme au premier chargement, avant tout choix
   explicite de l'utilisateur. Le script pose ensuite data-theme, qui gagne. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #13161a;
    --surface: #1a1e24;
    --surface-2: #21262d;
    --surface-3: #272d35;
    --border: #2c333c;
    --border-strong: #3d4650;
    --text: #e8ebee;
    --text-2: #a3acb7;
    --text-3: #7b848f;
    --primary: #7ba7ff;
    --primary-weak: rgba(123, 167, 255, 0.14);
    --on-primary: #0d1117;
    --success-ink: #2fe395;
    --error-ink: #f2708f;
    --error-weak: rgba(214, 65, 101, 0.18);
    --warning-ink: #faae20;
    --warning-weak: rgba(250, 174, 32, 0.14);
    --ongoing-ink: #7ba7ff;
  }
}