/* ============================================================================
   SKOLMAN — Design tokens (couche premium)
   Chargé APRÈS app.css. Complète les tokens de marque existants (--sk-navy/-gold…)
   avec des ÉCHELLES cohérentes (espacement, rayon, ombre, typo, transition, z-index).
   Aucune couleur de marque n'est redéfinie ici — on réutilise celles d'app.css.
   ========================================================================= */
:root {
  /* — Espacement (base 4px) — remplace les valeurs arbitraires (§55) — */
  --sk-space-1: 4px;   --sk-space-2: 8px;   --sk-space-3: 12px;
  --sk-space-4: 16px;  --sk-space-5: 20px;  --sk-space-6: 24px;
  --sk-space-8: 32px;  --sk-space-10: 40px; --sk-space-12: 48px;

  /* — Rayon — */
  --sk-radius-sm: 8px;
  --sk-radius-md: 12px;
  --sk-radius-lg: 16px;
  --sk-radius-pill: 999px;

  /* — Ombres (douces, superposées — premium) — */
  --sk-shadow-xs: 0 1px 2px rgba(15,28,46,.06);
  --sk-shadow-sm: 0 1px 3px rgba(15,28,46,.07), 0 1px 2px rgba(15,28,46,.04);
  --sk-shadow-md: 0 4px 12px rgba(15,28,46,.08), 0 2px 4px rgba(15,28,46,.04);
  --sk-shadow-lg: 0 12px 28px rgba(15,28,46,.12), 0 4px 8px rgba(15,28,46,.05);

  /* — Typographie (échelle, §56) — */
  --sk-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sk-fs-caption: .75rem;   --sk-fs-label: .8125rem; --sk-fs-body: .875rem;
  --sk-fs-h6: .95rem;        --sk-fs-h5: 1.05rem;     --sk-fs-h4: 1.25rem;
  --sk-fs-h3: 1.5rem;        --sk-fs-h2: 1.875rem;    --sk-fs-display: 2.25rem;
  --sk-fw-medium: 500; --sk-fw-semibold: 600; --sk-fw-bold: 700; --sk-fw-black: 800;

  /* — Transitions (§82) — */
  --sk-t-fast: 150ms; --sk-t-base: 200ms; --sk-t-slow: 250ms;
  --sk-ease: cubic-bezier(.4, 0, .2, 1);

  /* — Couleurs sémantiques « douces » (fond teinté pour badges/icônes) — */
  --sk-primary: var(--sk-navy);
  --sk-primary-soft:  rgba(26,58,92,.10);
  --sk-gold-soft:     rgba(232,184,64,.16);
  --sk-success-soft:  rgba(16,185,129,.12);
  --sk-warning-soft:  rgba(245,158,11,.14);
  --sk-danger-soft:   rgba(239,68,68,.12);
  --sk-info-soft:     rgba(14,165,233,.12);
  --sk-muted-soft:    rgba(100,116,139,.12);

  /* — Focus ring (accessibilité, §69) — */
  --sk-focus-ring: 0 0 0 3px rgba(45,106,159,.35);

  /* — z-index — */
  --sk-z-dropdown: 1000; --sk-z-sticky: 1020; --sk-z-drawer: 1045;
  --sk-z-modal: 1055;    --sk-z-toast: 1090;
}