/* =============================================================================
   legacy/compatibility.css — Pont de compatibilite Innled QR
   -----------------------------------------------------------------------------
   Mappe les anciens tokens CSS vers tokens.css v1.19.3.
   Chaque groupe indique les ecrans encore dependants et le lot de suppression.

   REGLE : supprimer chaque alias des que l'ecran concerne est migre.
   Ne jamais ajouter de styles ici — uniquement des alias de variables.

   Audit A25 (2026-06-27) : fichier VERIFIE, pas mort — 41 alias encore consommes
   par app.css (legacy). 44 alias sans aucun usage (css/html/js) ont ete retires.
   Suppression complete du fichier = fin de la migration app.css (lots CSS).
   ============================================================================= */

:root {

  /* -------------------------------------------------------------------------
     GROUPE 1 — Navy sidebar
     Dependants : tous les ecrans (shell). Retrait : Lot 1 (migration shell.css)
     ------------------------------------------------------------------------- */
  --innled-navy-900: var(--navy-900);
  --innled-navy-800: var(--navy-800);

  /* -------------------------------------------------------------------------
     GROUPE 2 — Marque (brand) — app.css lignes 186, 370, 427, 437, 796, 1154, 1284, 3106
     Dependants : boutons legacy (.btn), elements de marque non migres.
     Retrait : Lot 1 (migration components.css + suppression regles .btn legacy)
     ------------------------------------------------------------------------- */
  --brand:      var(--navy-700);
  --brand-dark: var(--navy-900);
  --dark:       var(--ink);

  /* -------------------------------------------------------------------------
     GROUPE 3 — Couleurs semantiques manquantes
     Dependants : badges, chips, alertes non encore migres.
     Retrait : Lot 3-6 (migration par page)
     ------------------------------------------------------------------------- */
  --green:              var(--ok-icon);
  --red:                var(--danger);
  --blue:               var(--info);
  --muted:              var(--text-muted);
  --line:               var(--border);
  --innled-blue:        var(--info);
  --gold-dark:          var(--gold-deep);
  --color-danger-soft:  color-mix(in srgb, var(--danger) 8%, var(--card));
  --color-success-soft: color-mix(in srgb, var(--ok-icon) 12%, var(--card));
  --surface-soft:       var(--cream);

  /* -------------------------------------------------------------------------
     GROUPE 4 — Ombres
     Dependants : cartes legacy app.css.
     Retrait : Lot 1-2 (migration shell + dashboard)
     ------------------------------------------------------------------------- */
  --shadow-soft:  var(--sh-panel);

  /* -------------------------------------------------------------------------
     GROUPE 5 — Rayons (ancienne nomenclature)
     Dependants : tous les composants legacy de app.css.
     Retrait : Lot 1 (migration progressive app.css)
     ------------------------------------------------------------------------- */
  --radius:     var(--r-card);
  --radius-sm:  8px;
  --radius-md:  var(--r-field);
  --radius-lg:  var(--r-panel);
  --radius-xl:  28px;

  /* -------------------------------------------------------------------------
     GROUPE 6 — Or / creme
     Dependants : home.html, admin/index.html.
     Retrait : Lot 2 (migration dashboard + home)
     ------------------------------------------------------------------------- */
  --innled-gold:       var(--gold);
  --innled-gold-light: var(--gold-light);
  --innled-gold-dark:  var(--gold-deep);
  --innled-cream-2:    var(--card);
  --innled-bg:         var(--cream-bg);

  /* -------------------------------------------------------------------------
     GROUPE 7 — Texte
     Dependants : app.css generique.
     Retrait : Lot 1
     ------------------------------------------------------------------------- */
  --innled-text:       var(--ink);
  --innled-text-soft:  var(--text-muted);
  --innled-text-muted: var(--text-faint);
  --color-text:        var(--ink);
  --color-text-muted:  var(--text-muted);

  /* -------------------------------------------------------------------------
     GROUPE 8 — Surfaces et bordures
     Dependants : app.css generique.
     Retrait : Lot 1
     ------------------------------------------------------------------------- */
  --innled-border:      var(--border-strong);
  --color-border:       var(--field-border);
  --surface:            var(--card);
  --color-surface:      var(--card);
  --bg:                 var(--cream-bg);

  /* -------------------------------------------------------------------------
     GROUPE 9 — Semantique couleurs (prefixe color-)
     Dependants : statuts et chips legacy.
     Retrait : Lot 3-6
     ------------------------------------------------------------------------- */
  --innled-success:      var(--ok-icon);
  --innled-danger:       var(--danger);
  --innled-warning:      var(--warn);
  --color-primary:       var(--info);

  /* -------------------------------------------------------------------------
     GROUPE 10 — Layout divers (app.css variables de grille)
     Dependants : grilles module app.css.
     Retrait : Lot 1 (suppression regles app.css inutilisees)
     ------------------------------------------------------------------------- */
  --flat-rule:       none;
}