/* Tokens du Design System MoverTrace (copie de adm/styles/globals.css, clair uniquement). */
:root {
  /* ── Mouvement (Design System, section Mouvement) : durées et courbes ; ressorts dans motion.tsx ── */
  --duree-retour: 120ms;
  --duree-transition: 200ms;
  --duree-panneau: 300ms;
  --duree-terrain: 150ms;
  --courbe-sortie: cubic-bezier(0.22, 1, 0.36, 1);
  --courbe-entree: cubic-bezier(0.64, 0, 0.78, 0);
  --courbe-standard: cubic-bezier(0.4, 0, 0.2, 1);
  /* ── Socle shadcn / DS ── */
  --background: 0 0% 100%;
  --foreground: 200 14.1% 4.1%;
  --card: 0 0% 100%;
  --card-foreground: 200 14.1% 4.1%;
  --popover: 0 0% 100%;
  --popover-foreground: 200 14.1% 4.1%;
  --primary: 247.9 68.3% 51.1%;
  --primary-foreground: 225.8 100% 96.7%;
  --primary-hover: 249.6 71.8% 42.3%;
  --primary-tint: 228.3 100% 95.7%;
  --primary-tint-border: 230.4 100% 89.2%;
  --primary-tint-foreground: 250 74.5% 36.3%;
  --secondary: 240 3.5% 95.8%;
  --secondary-foreground: 240 6% 10%;
  --muted: 180 7.3% 95%;
  --muted-foreground: 191.4 9.2% 44.5%;
  --subtle-foreground: 191.4 9.9% 41.1%;
  --accent: 180 7.3% 95%;
  --accent-foreground: 197.2 12.9% 10%;
  --destructive: 357.2 100% 45.3%;
  --destructive-foreground: 0 0% 100%;
  --border: 192 10.8% 89.9%;
  --input: 192 10.8% 89.9%;
  --control-border: 191.8 6.2% 51.8%;
  --ring: var(--primary);

  /* ── États : fond clair teinté + bordure + texte foncé + plein (points, icônes) ── */
  --success-bg: 144.5 61.5% 93.9%;
  --success-border: 146.1 36.5% 75.4%;
  --success-fg: 154.9 72.8% 16.5%;
  --success-solid: 153 51.8% 31.6%;
  --warning-bg: 41.5 100% 93%;
  --warning-border: 37.6 69.9% 72.1%;
  --warning-fg: 34.4 67.9% 22.7%;
  --warning-solid: 37.4 66.8% 37.6%;
  --info-bg: 208.4 82.9% 95.8%;
  --info-border: 208.2 42.3% 81.4%;
  --info-fg: 210.2 42.8% 25.9%;
  --info-solid: 210.4 34.3% 40.3%;
  --danger-bg: 6.5 100% 96.4%;
  --danger-border: 5.4 100% 85.8%;
  --danger-fg: 0.6 69.4% 32.6%;
  --danger-solid: var(--destructive);

  /* ── Ambre de mise en avant (« Nouveau ») : toujours avec highlight-foreground ── */
  --highlight: 47 100% 59.4%;
  --highlight-foreground: 34.8 98.2% 11.7%;
  --highlight-bg: 48 100% 90.8%;
  --highlight-border: 44.2 77.3% 67.5%;

  --chart-1: 47 100% 59.4%;
  --chart-2: 36.3 100% 49.7%;
  --chart-3: 30.1 100% 44.2%;
  --chart-4: 24.7 100% 36.6%;
  --chart-5: 23.8 100% 29.5%;

  --sidebar: 180 19.5% 98.1%;
  --sidebar-foreground: 200 14.1% 4.1%;
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--primary-tint);
  --sidebar-accent-foreground: var(--primary-tint-foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);

  --scanner: 231.2 19.8% 11.8%;
  --scanner-foreground: 0 0% 100%;

  /* ── Rayons (6 / 10 / 16) et ombres (2) ── */
  --radius: 0.625rem;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px 0 rgba(30, 27, 75, 0.08), 0 1px 3px 0 rgba(30, 27, 75, 0.06);
  --shadow-lg: 0 12px 32px -8px rgba(30, 27, 75, 0.24), 0 2px 6px 0 rgba(30, 27, 75, 0.08);

  /* ── Tokens MoverDesign (namespace md-) : mêmes noms, valeurs du DS ── */
  --md-primary:        var(--primary);
  --md-primary-hover:  var(--primary-hover);
  --md-primary-fg:     var(--primary-foreground);
  --md-accent:         var(--highlight);
  --md-bg:             var(--background);
  --md-surface:        var(--card);
  --md-surface-raised: var(--muted);
  --md-surface-sunken: var(--muted);
  --md-border:         var(--border);
  --md-border-strong:  var(--control-border);
  --md-text:           var(--foreground);
  --md-text-muted:     var(--muted-foreground);
  --md-text-subtle:    var(--subtle-foreground);
  --md-focus:          var(--ring);

  --md-success:    var(--success-solid);
  --md-success-fg: 0 0% 100%;
  --md-danger:     var(--danger-solid);
  --md-danger-fg:  0 0% 100%;
  --md-broken:     var(--danger-fg);
  --md-broken-fg:  0 0% 100%;
  --md-info:       var(--info-solid);
  --md-info-fg:    0 0% 100%;
  --md-warning:    var(--warning-solid);
  --md-warning-fg: 0 0% 100%;

  /* Plein écran caméra (scanner) : le seul fond sombre. */
  --md-camera: var(--scanner);

  --md-r-sm: var(--radius-sm);
  --md-r:    var(--radius-md);
  --md-r-lg: var(--radius-lg);

  --md-e0: none;
  --md-e1: var(--shadow-sm);
  --md-e2: var(--shadow-lg);
  /* Anneau de focus : 2 px, décalage 2 px, indigo. */
  --md-focus-ring: 0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring));
}