/* plantilla-shared/tokens.css — ORIGEN ÚNICO de tokens de diseño DeCA
   (colores, radios, espaciado, tipografía, sombras, z-index).
   Lo consumen: css/app.css (planta), panel-central.html y verificar-offline.html
   (central), y el panel unificado :8200 (vía /css/tokens.css).
   OJO: dentro de un comentario CSS no puede aparecer la secuencia estrella-barra
   (cierra el comentario antes de tiempo y anula la hoja entera): por eso aquí
   las rutas se escriben con puntos (dist...css) y sin asteriscos.
   NO editar las copias en dist (se regeneran desde aquí con
   scripts nuevo-cliente.mjs). Editar solo este fichero. Si lo cambias,
   sube ?v= en sus 4 cargas (app.css, panel-central.html, verificar-offline.html
   y panel :8200) para jubilar cachés viejas. */

:root{
  /* Color */
  --slate-50:#f8fafc;
  --slate-100:#f1f5f9;
  --slate-200:#e2e8f0;
  --slate-300:#cbd5e1;
  --slate-400:#94a3b8;
  --slate-500:#64748b;
  --slate-600:#475569;
  --slate-700:#334155;
  --slate-800:#1e293b;
  --slate-900:#0f172a;
  --amber-50:#fffbeb;
  --amber-100:#fef3c7;
  --amber-200:#fde68a;
  --amber-300:#fcd34d;
  --amber-500:#f59e0b;
  --amber-600:#d97706;
  --amber-700:#b45309;
  --amber-800:#92400e;
  --teal-50:#f0fdfa;
  --teal-600:#0d9488;
  --teal-700:#0f766e;
  --green-50:#f0fdf4;
  --green-600:#16a34a;
  --green-700:#15803d;
  --red-50:#fef2f2;
  --red-600:#dc2626;
  --red-700:#b91c1c;
  --bg:var(--slate-50);
  --surface:#ffffff;
  --surface-2:var(--slate-100);
  --text:#0f172a;
  --text-muted:var(--slate-500);
  --text-soft:var(--slate-600);
  --border:var(--slate-200);
  --border-strong:var(--slate-300);
  --primary:var(--slate-900);
  --primary-hover:#1e293b;
  --accent:var(--amber-600);
  --accent-hover:var(--amber-700);
  --accent-soft:var(--amber-50);
  --accent-text:var(--amber-800);
  --focus:var(--amber-500);
  /* Radio */
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:20px;
  --radius-full:999px;
  /* Espaciado */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  /* Tipo: escala única (h1 página, h2 sección, base, small, caption) */
  --text-h1:clamp(1.35rem, 1.1rem + 1.6vw, 1.9rem);
  --text-h2:.95rem;
  --text-base:.9rem;
  --text-small:.82rem;
  --text-caption:.72rem;
  /* Sombras */
  --shadow-sm:0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);
  --shadow-md:0 4px 6px rgba(15,23,42,.07), 0 10px 20px rgba(15,23,42,.08);
  --shadow-lg:0 10px 25px rgba(15,23,42,.12), 0 20px 40px rgba(15,23,42,.08);
  /* Z-index */
  --z-header:20;
  --z-backup:35;
  --z-drawer:40;
  --z-modal:60;
  --z-toast:70;
  /* Layout */
  --header-h:64px;
  --sidebar-w:272px;
  --content-max:1280px;
  --font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  --duration:180ms;
}