/* ============================================================
   AERAUTEC — Design tokens (refonte visuelle)
   Source UNIQUE de vérité des variables CSS.
   À charger AVANT _components.css et avant le CSS de module :
     <link _tokens.css> → <link _components.css> → <link module.css>

   Direction : sobre & plat, profondeur subtile, palette bleu
   AERAUTEC. Les anciens :root locaux des modules doivent être
   retirés (un par un) pour hériter d'ici.
   ============================================================ */

:root{
  /* ── Marque ─────────────────────────────────────────────── */
  --blue:#25428a;          /* primaire */
  --blue-mid:#3558b0;      /* hover / accent */
  --blue-light:#5ba5cc;    /* focus ring, accents clairs */
  --blue-pale:#e8f0fb;     /* fonds doux, états actifs */

  /* ── Neutres / surfaces ─────────────────────────────────── */
  --bg:#f0f4fb;
  --surface:#fff;
  --surface2:#f5f7fb;
  --border:#dde4f0;
  --border2:#c8d3e8;
  --text:#0f1830;          /* valeur unique (corrige #1a2540 du mobile) */
  --muted:#6b7a9e;
  --muted2:#9aaac8;

  /* ── Couleurs sémantiques ───────────────────────────────── */
  --success:#1a7f4b;
  --success-pale:#e6f5ee;
  --warning:#b07800;
  --warning-pale:#fff3e0;
  --danger:#c0392b;
  --danger-pale:#fdeaea;
  --info:#1e7fb5;
  --info-pale:#e6f2f9;

  /* ── Vert (interface technicien / exploitation mobile) ──── */
  --green:#1a7f4b;
  --green-dark:#13683d;
  --green-light:#2da866;
  --green-pale:#dbeee2;

  /* ── Couleurs métier : créneaux commerciaux ─────────────── */
  --rdv:#25428a;
  --prospection:#1a7f4b;
  --devis:#1e7fb5;
  --point:#7c3ab8;
  --tampon:#b86020;
  --relance:#c0392b;
  --trajet:#7a8aaa;
  --pause:#9aa0ad;

  /* ── Couleurs métier : interventions (exploitation) ─────── */
  --interv:#25428a;
  --maint:#1a7f4b;
  --depan:#c0392b;
  --livraison:#1e7fb5;
  --controle:#7c3ab8;

  /* ── Statuts (pipeline commercial) ──────────────────────── */
  --s-gagne:#1a7f4b;
  --s-devis:#1e7fb5;
  --s-cours:#b07800;
  --s-relancer:#b86020;
  --s-perdu:#c0392b;
  --s-nouveau:#7a8aaa;

  /* ── Accent secondaire (anciennement "admin-purple"/point) ─ */
  --accent-purple:#7c3ab8;

  /* ── Rayons (échelle stricte 4/6/8/12/16/pill) ──────────── */
  --r-xs:4px;
  --r-sm:6px;
  --r-md:8px;
  --r-lg:12px;
  --r-xl:16px;
  --r-pill:999px;

  /* ── Ombres (plates, subtiles) ──────────────────────────── */
  --shadow:0 1px 3px rgba(15,24,48,.08),0 1px 2px rgba(15,24,48,.06);
  --shadow-md:0 4px 12px rgba(15,24,48,.1);
  --shadow-lg:0 20px 60px rgba(15,24,48,.28);

  /* ── Z-index (hiérarchie documentée) ────────────────────── */
  --z-sticky:50;     /* topnav collante */
  --z-header:100;    /* en-tête mobile */
  --z-dropdown:200;  /* menus, autocomplétions */
  --z-panel:900;     /* panneau latéral */
  --z-overlay:1000;  /* fond de modale */
  --z-modal:1010;    /* contenu de modale */
  --z-toast:1100;    /* notifications */

  /* ── Safe-areas (mobile / notch) ────────────────────────── */
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bot:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
  --safe-right:env(safe-area-inset-right,0px);

  /* ── Breakpoints (référence — à utiliser en @media) ─────── */
  /* mobile  : max-width 640px
     tablette: max-width 1024px */

  /* ── Alias de compatibilité (à retirer après migration) ─── */
  --c-blue:var(--blue);
  --c-blue-mid:var(--blue-mid);
  --c-blue-pale:var(--blue-pale);
  --prosp:var(--prospection);
  --overdue:var(--danger);
  --today:var(--warning);
  --purple:var(--accent-purple);
  --admin-purple:var(--accent-purple);
}