/* ==========================================================================
   Neutrino Interventions — tokens du design system v2
   Source : design system « Neutrino Interventions » (tokens.json). Ne pas éditer à la main :
   modifier le design system puis régénérer ce fichier.
   - Thème clair par défaut. Thème sombre : <html data-theme="dark"> — NE PAS ACTIVER avant la
     fin de la migration (étape 5) : les couleurs encore codées en dur resteraient claires.
   - Chargé AVANT styles.css. styles.css ne doit plus déclarer de couleurs (sauf --pn-*).
   ========================================================================== */

:root,
[data-theme="light"] {
  /* fond */
  --fond: #f4f6fb;
  /* surface */
  --surface: #ffffff;
  --surface-2: #f8f9fc;
  /* bordure */
  --bordure: #e0e4ec;
  --bordure-controle: #8a93a8;
  /* texte */
  --texte: #1c2233;
  --texte-att: #596179;
  --texte-desactive: #9aa1b3;
  /* action */
  --action: #2f5fd1;
  --action-survol: #2650b3;
  /* sur */
  --sur-action: #ffffff;
  /* action */
  --action-texte: #2f5fd1;
  --action-doux: #eef3fc;
  --action-doux-survol: #dfe9fa;
  /* anneau */
  --anneau-focus: var(--action);
  /* succes */
  --succes: #1e8e5a;
  --succes-texte: #16704a;
  --succes-doux: #e6f4ec;
  /* attention */
  --attention: #b06f00;
  --attention-texte: #8a5300;
  --attention-doux: #fff2e0;
  /* danger */
  --danger: #c0392b;
  --danger-texte: #a82e22;
  --danger-doux: #fdecea;
  /* mauve */
  --mauve: #8a4fd1;
  --mauve-texte: #6f3bb3;
  --mauve-doux: #f3eafb;
  /* rose (colis à retirer / à déposer) */
  --rose: #c2417a;
  --rose-texte: #a02a62;
  --rose-doux: #fbe9f1;
  /* neutre */
  --neutre-doux: #eceff5;
  /* bandeau */
  --bandeau: #101a33;
  /* sur */
  --sur-bandeau: #ffffff;
  --sur-bandeau-att: #b7c1d9;
  /* bandeau */
  --bandeau-accent: #5b93ff;
  /* sur */
  --sur-bandeau-attention: #f0a43a;
  --sur-bandeau-danger: #ff7a70;
  /* bandeau */
  --bandeau-filet: rgba(255, 255, 255, 0.22);
  --bandeau-survol: rgba(255, 255, 255, 0.10);
  /* voile */
  --voile: rgba(14, 19, 32, 0.45);
  /* section */
  --section-commande: var(--action);
  --section-commande-texte: var(--action-texte);
  --section-intervention: #1f4296;
  --section-intervention-texte: #1f4296;
  --section-intervention-doux: #eaeefa;
  --section-planification: var(--attention);
  --section-planification-texte: var(--attention-texte);
  --section-achat: var(--succes);
  --section-achat-texte: var(--succes-texte);
  --section-suivi: var(--mauve);
  --section-suivi-texte: var(--mauve-texte);
  --section-colis: #0d7a8c;
  --section-colis-texte: #0b6a7a;
  --section-colis-doux: #e3f3f5;
  /* graphique */
  --graphique-1: #2f5fd1;
  --graphique-2: #b06f00;
  --graphique-3: #1e8e5a;
  --graphique-4: #8a4fd1;
  --graphique-5: #c0392b;
  --graphique-6: #0f9d70;
  --graphique-7: #737d92;
  /* tendance */
  --tendance-vente: #14307a;
  --tendance-achat: #7a4a00;
  /* ombre */
  --ombre-1: 0 1px 2px rgba(16, 26, 51, 0.06), 0 1px 3px rgba(16, 26, 51, 0.06);
  --ombre-2: 0 4px 16px rgba(16, 26, 51, 0.12);
  --ombre-3: -8px 0 32px rgba(16, 26, 51, 0.16);
  --ombre-modale: 0 8px 32px rgba(16, 26, 51, 0.18);
  /* survol */
  --survol-ligne: inset 0 0 0 9999px rgba(28, 34, 51, 0.04);
}

[data-theme="dark"] {
  /* fond */
  --fond: #0e1320;
  /* surface */
  --surface: #161c2b;
  --surface-2: #1b2233;
  /* bordure */
  --bordure: #2a3247;
  --bordure-controle: #5f6a86;
  /* texte */
  --texte: #e7ebf4;
  --texte-att: #9ba5bd;
  --texte-desactive: #5f6a86;
  /* action */
  --action: #5b8dff;
  --action-survol: #7aa3ff;
  /* sur */
  --sur-action: #0b1020;
  /* action */
  --action-texte: #8db0ff;
  --action-doux: #1c2a4c;
  --action-doux-survol: #233561;
  /* anneau */
  --anneau-focus: var(--action);
  /* succes */
  --succes: #3fbf84;
  --succes-texte: #74d6a6;
  --succes-doux: #132f22;
  /* attention */
  --attention: #f0a43a;
  --attention-texte: #ffc36e;
  --attention-doux: #352710;
  /* danger */
  --danger: #f0645a;
  --danger-texte: #ff958c;
  --danger-doux: #3a1b1d;
  /* mauve */
  --mauve: #b48cf0;
  --mauve-texte: #cdb0ff;
  --mauve-doux: #2a2043;
  /* rose (colis à retirer / à déposer) */
  --rose: #ec7fb0;
  --rose-texte: #f5a4c9;
  --rose-doux: #3a1a2a;
  /* neutre */
  --neutre-doux: #232b3f;
  /* bandeau */
  --bandeau: #080d19;
  /* sur */
  --sur-bandeau: #ffffff;
  --sur-bandeau-att: #b7c1d9;
  /* bandeau */
  --bandeau-accent: #6f9bff;
  /* sur */
  --sur-bandeau-attention: #f0a43a;
  --sur-bandeau-danger: #ff7a70;
  /* bandeau */
  --bandeau-filet: rgba(255, 255, 255, 0.22);
  --bandeau-survol: rgba(255, 255, 255, 0.10);
  /* voile */
  --voile: rgba(0, 0, 0, 0.60);
  /* section */
  --section-commande: var(--action);
  --section-commande-texte: var(--action-texte);
  --section-intervention: #8ea8f0;
  --section-intervention-texte: #a9bdf5;
  --section-intervention-doux: #1e2847;
  --section-planification: var(--attention);
  --section-planification-texte: var(--attention-texte);
  --section-achat: var(--succes);
  --section-achat-texte: var(--succes-texte);
  --section-suivi: var(--mauve);
  --section-suivi-texte: var(--mauve-texte);
  --section-colis: #3fb3c6;
  --section-colis-texte: #6fd0df;
  --section-colis-doux: #0f2e33;
  /* graphique */
  --graphique-1: #5b8dff;
  --graphique-2: #f0a43a;
  --graphique-3: #3fbf84;
  --graphique-4: #b48cf0;
  --graphique-5: #f0645a;
  --graphique-6: #3fcf9e;
  --graphique-7: #8f99ae;
  /* tendance */
  --tendance-vente: #a9bdf5;
  --tendance-achat: #ffc36e;
  /* ombre */
  --ombre-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --ombre-2: 0 6px 20px rgba(0, 0, 0, 0.5);
  --ombre-3: -8px 0 32px rgba(0, 0, 0, 0.6);
  --ombre-modale: 0 12px 40px rgba(0, 0, 0, 0.6);
  /* survol */
  --survol-ligne: inset 0 0 0 9999px rgba(255, 255, 255, 0.05);
}

:root {
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  /* radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 999px;
  /* size */
  --hauteur-controle: 36px;
  --hauteur-controle-sm: 30px;
  --largeur-panneau: 440px;
  /* zIndex */
  --z-menu: 20;
  --z-voile: 30;
  --z-panneau: 40;
  --z-popover: 50;
  /* typographie */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* --------------------------------------------------------------------------
   Pont de compatibilité (étape 1 de la migration).
   Les variables historiques --texte, --texte-att, --bordure, --fond, --danger, --succes et
   --mauve portent déjà le même nom que les tokens v2 : elles sont fournies par les blocs
   ci-dessus. Seules trois variables historiques ont changé de nom :
   -------------------------------------------------------------------------- */
:root,
[data-theme="light"],
[data-theme="dark"] {
  --bleu: var(--action);            /* historique #2f5fd1 — inchangé en clair */
  --bleu-clair: var(--action-doux); /* historique #eef3fc — inchangé en clair */
  --orange: var(--attention);       /* historique #d98c00 → #b06f00 (contraste 2.7 → 4.1:1) */
}