/* Design tokens — Fase 1 del rediseño visual.
   Regla fija del proyecto: un solo color de acento, derivado del verde de
   marca del sidebar (nunca degradados ni glow de color en --accent). Los
   nombres de variable que ya existían (--navy*, --text*, --borde, --r/--r2,
   --red/--green/--amber/--purple) se mantienen intactos a propósito — solo
   se renombró --teal a --accent (pedido explícito) y se agregó lo que
   faltaba para que los componentes nuevos tengan de dónde tomar valores. */
:root {
  /* Acento — igual al verde más claro del sidebar, nunca azul/degradado */
  --accent: #014b43;
  --accent-hover: #013a34;
  --accent-soft: rgba(1, 75, 67, 0.12);
  --accent-soft-strong: rgba(1, 75, 67, 0.2);

  /* Semánticos (sin cambios) */
  --red: #ef4444;
  --green: #10b981;
  --amber: #f59e0b;
  --purple: #6366f1;

  /* Superficie y texto (sin cambios) */
  --navy: #ffffff;
  --navy2: #ffffff;
  --navy3: #f8fafc;
  --navy4: #f1f5f9;
  --text: #1e293b;
  --text2: #64748b;
  --text3: #94a3b8;
  --borde: rgba(15, 23, 42, 0.08);

  /* Radios (sin cambios + escala para componentes nuevos) */
  --r: 10px;
  --r2: 16px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Espaciado — escala base 4px, para componentes nuevos */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* Sombras — elevación neutra, nunca de color (glow) */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 20px 60px rgba(15, 23, 42, 0.18);

  /* Tipografía */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}