/* ============================================================
   tokens.css — Sistema de diseño STEMLAB (extraído de admin.css)
   Fuente de verdad de color, tipografía, radios y sombras.
   ============================================================ */
:root{
  /* --- Paleta de marca --- */
  --navy:#02283f;
  --navy-2:#063b54;
  --navy-3:#0a4a64;
  --blue-d:#024071;
  --blue:#0174ad;
  --cyan:#04b6cc;
  --teal:#119883;

  /* --- Neutros --- */
  --ink:#0c2433;
  --ink-soft:#5a7282;
  --paper:#f5f9fa;
  --paper-2:#ffffff;
  --line:#dde7eb;
  --line-strong:#c4d4da;

  /* --- Acentos "crayón" --- */
  --c-green:#7acd59;
  --c-violet:#4135c7;
  --c-magenta:#b932e9;
  --c-brick:#ad3e2c;
  --c-teal:#25aeb1;
  --c-amber:#d39a3e;

  /* --- Gradientes de marca --- */
  --grad:linear-gradient(120deg,#024071 0%,#0174ad 42%,#04b6cc 74%,#119883 100%);
  --grad-soft:linear-gradient(125deg,#0a3a55,#0e6c7a);

  /* --- Tipografía --- */
  --font-display:'Space Grotesk', system-ui, sans-serif;
  --font-body:'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, monospace;

  /* --- Forma --- */
  --radius:18px;
  --radius-sm:12px;
  --sidebar-w:262px;

  /* --- Sombras --- */
  --shadow-sm:0 2px 4px rgba(2,40,63,.05);
  --shadow:0 18px 40px -26px rgba(2,64,113,.4);
  --shadow-lg:0 40px 80px -36px rgba(2,40,63,.55);

  /* --- Semánticos de cobertura (modos) --- */
  --m-efectivo:var(--blue);
  --m-canje:var(--teal);
  --m-interno:var(--c-violet);
  --m-eliminable:var(--c-amber);

  /* --- Estado financiero --- */
  --ok:#0f8a5f;
  --warn:#d39a3e;
  --bad:#a8442f;
}