/* Tokens partages Admin & Superadmin — source unique.
   Chaque page redefinit uniquement --primary pour porter son identite
   (voir public/admin/index.html et public/superadmin/index.html). */

:root {
  /* Typographie — heritee du mobile */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;

  /* Espacement — base 4px */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Rayons */
  --radius: 16px;
  --radius-sm: 8px;

  /* Neutres partages, chauds */
  --bg: #FAF9F6;
  --surface: #FFFFFF;
  --border: #E4E0D8;
  --text: #2B2620;
  --text-soft: #6B6459;

  /* Ombre — reservee au survol des elements cliquables, jamais au repos */
  --shadow: 0 1px 3px rgba(43,38,32,0.06);
  --shadow-hover: 0 8px 24px rgba(43,38,32,0.10);

  /* Statuts — independants de --primary : le succes/l'alerte ne doivent
     jamais changer de sens quand une page change son bleu de marque.
     Valeurs reprises telles quelles du motif .cache-chip existant. */
  --success: #237a34;
  --success-bg: #e5f6e8;
  --warning: #b5701a;
  --warning-bg: #fff3e0;
  --danger: #c0392b;
  --danger-bg: #fdecea;

  /* Mouvement — repris tel quel du travail applique le 31/08/2026 sur Admin */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --t-ui: color 150ms var(--ease-out), background-color 150ms var(--ease-out),
          border-color 150ms var(--ease-out), transform 150ms var(--ease-out),
          box-shadow 150ms var(--ease-out);
  --t-ui-slow: color 200ms var(--ease-out), background-color 200ms var(--ease-out),
               border-color 200ms var(--ease-out), transform 200ms var(--ease-out),
               box-shadow 200ms var(--ease-out);

  /* Derivees de --primary (defini par chaque page) — teinte de badge,
     survol assombri, halo de focus. color-mix() evite de dupliquer une
     valeur assombrie/eclaircie par page. */
  --primary-tint: color-mix(in srgb, var(--primary) 12%, white);
  --primary-hover: color-mix(in srgb, var(--primary) 85%, black);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-property: color, background-color, border-color, opacity !important;
    transition-duration: 120ms !important;
  }
}