/* ============================================================
   CADENZEO — _tokens.css
   Source unique du design system (cf. Guide de style Cadenzeo).
   Toute valeur de couleur, rayon ou ombre passe par un token —
   jamais de pixel ou de hex isolé dans les autres fichiers.
   ============================================================ */
:root {
  /* Surfaces & texte */
  --bg:#f0f2f8; --surface:#ffffff; --surface-2:#f5f6fa;
  --surface-hover:rgba(0,0,0,.04);
  --text:#1e293b; --text-muted:#64748b; --text-subtle:#94a3b8;
  --border:rgba(0,0,0,.09); --border-light:rgba(0,0,0,.06);
  --border-accent:rgba(109,40,217,.35);

  /* Accent — violet unique */
  --accent:#7c3aed; --accent-bright:#6d28d9; --accent-deep:#5b21b6;
  --accent-light:rgba(124,58,237,.09);
  --accent-mid:rgba(124,58,237,.22);
  --accent-glow:rgba(124,58,237,.18);

  /* Sémantique */
  --green:#059669; --green-light:rgba(5,150,105,.10);
  --red:#dc2626;   --red-light:rgba(220,38,38,.08);
  --amber:#d97706; --amber-light:rgba(217,119,6,.10);
  --info:#2563eb;  --info-light:rgba(37,99,235,.09);
  --teal:#0d9488;  --teal-light:rgba(13,148,136,.10);
  --orange:#ea580c; --orange-light:rgba(234,88,12,.10);

  /* Rayons — 7 crans */
  --radius-xs:4px; --radius-sm:6px; --radius-md:8px;
  --radius:10px; --radius-lg:14px; --radius-xl:20px; --radius-pill:999px;

  /* Ombres & verre */
  --shadow-sm:0 1px 3px rgba(0,0,0,.07);
  --shadow:0 1px 3px rgba(0,0,0,.07),0 4px 16px rgba(0,0,0,.06);
  --shadow-lg:0 4px 16px rgba(0,0,0,.09),0 12px 40px rgba(0,0,0,.08);
  --glass:blur(20px) saturate(160%);

  /* Gradient signature */
  --grad-accent:linear-gradient(135deg,var(--accent),var(--accent-deep));
  --transition:.18s cubic-bezier(.4,0,.2,1);

  /* Spécifique app — layout & statuts planning */
  --repos-color:#64748b; --repos-bg:rgba(100,116,139,.10);
  --conge-color:#64748b; --conge-bg:rgba(100,116,139,.10);
  /* Types d'absence — une teinte sémantique par type (cf. taxonomie conge_requests).
     Le gris --conge-color reste le fallback des congés sans sous-type. */
  --conge-cp-color:var(--green);          --conge-cp-bg:var(--green-light);
  --conge-rtt-color:var(--info);          --conge-rtt-bg:var(--info-light);
  --conge-maladie-color:var(--red);       --conge-maladie-bg:var(--red-light);
  --conge-arret-travail-color:var(--orange); --conge-arret-travail-bg:var(--orange-light);
  --conge-sans-solde-color:var(--amber);  --conge-sans-solde-bg:var(--amber-light);
  --conge-formation-color:var(--teal);    --conge-formation-bg:var(--teal-light);
  --conge-autre-color:var(--conge-color); --conge-autre-bg:var(--conge-bg);
  --sidebar-w:240px; --header-h:64px; --cell-h:80px; --border-w:1.5px;

  /* Alias historiques — toujours référencés depuis ui.js / renderer.js (legacy) */
  --blue:var(--accent); --blue-light:var(--accent-light); --blue-mid:var(--accent-mid);
  --slate:var(--text-muted); --slate-light:var(--text-muted);
}