/* ═══════════════════════════════════════════════════════════════════════
   KDL Design System — tokens de base (indépendants du thème)
   v0.1.0 · CSS pur, aucune dépendance.
   Source de vérité : kdl-tech.fr (identité bleu KDL) + langage « Products ».
   Importer AVANT les fichiers de thème :
     @import "kdl-tokens.css";
     @import "kdl-theme-light.css";
     @import "kdl-theme-dark.css";
   ═══════════════════════════════════════════════════════════════════════ */
:root {
  /* ── Typographies ──────────────────────────────────────────────────── */
  --kdl-font-display: "Inter", system-ui, "Segoe UI", Roboto, sans-serif;
  --kdl-font-body:    "Inter", system-ui, "Segoe UI", Roboto, sans-serif;
  --kdl-font-mono:    "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* Échelle typographique (base 16px) */
  --kdl-fs-xs:   0.72rem;
  --kdl-fs-sm:   0.82rem;
  --kdl-fs-base: 0.94rem;
  --kdl-fs-md:   1.06rem;
  --kdl-fs-lg:   1.28rem;
  --kdl-fs-xl:   1.62rem;
  --kdl-fs-2xl:  2.1rem;
  --kdl-lh-tight: 1.15;
  --kdl-lh-body:  1.55;
  --kdl-tracking-label: 0.12em;   /* labels mono capitales */
  --kdl-tracking-title: -0.02em;  /* titres serrés, comme le site */

  /* ── Espacements (échelle 4px) ─────────────────────────────────────── */
  --kdl-space-1: 0.25rem;
  --kdl-space-2: 0.5rem;
  --kdl-space-3: 0.75rem;
  --kdl-space-4: 1rem;
  --kdl-space-5: 1.25rem;
  --kdl-space-6: 1.5rem;
  --kdl-space-8: 2rem;
  --kdl-space-10: 2.5rem;
  --kdl-space-12: 3rem;

  /* ── Rayons ────────────────────────────────────────────────────────── */
  --kdl-radius-sm: 8px;
  --kdl-radius-md: 12px;   /* rayon courant du site */
  --kdl-radius-lg: 16px;
  --kdl-radius-pill: 999px;

  /* ── Hauteurs de contrôle ──────────────────────────────────────────── */
  --kdl-control-h-sm: 34px;
  --kdl-control-h-md: 40px;
  --kdl-control-h-lg: 46px;

  /* ── Transitions ───────────────────────────────────────────────────── */
  --kdl-ease: cubic-bezier(.2, .7, .2, 1);
  --kdl-transition-fast:   120ms var(--kdl-ease);
  --kdl-transition-normal: 180ms var(--kdl-ease);

  /* ── Z-index ───────────────────────────────────────────────────────── */
  --kdl-z-base: 1;
  --kdl-z-dropdown: 100;
  --kdl-z-sticky: 200;
  --kdl-z-overlay: 800;
  --kdl-z-modal: 900;
  --kdl-z-toast: 1000;
}

/* Réduction de mouvement respectée globalement pour les animations non essentielles */
@media (prefers-reduced-motion: reduce) {
  :root {
    --kdl-transition-fast: 0ms;
    --kdl-transition-normal: 0ms;
  }
}