/* SUPPLY CHAIN MASTER — design tokens
   Estilo: CLARO Y BRILLANTE, tipo tablero de juego (inspirado en Beer Game).
   Fondo claro, tarjetas blancas, colores vivos y formas redondeadas. */
:root {
  /* Fondo y superficies (claro) */
  --bg: #e9f0fb;
  --bg-deep: #ffffff;          /* usado como relleno de puntos/insets: blanco */
  --surface: #ffffff;
  --surface-2: #f2f6fd;
  --surface-3: #e5edf9;
  --line: #d7e1f0;
  --line-soft: #eaf0f9;

  /* Acentos vivos y amigables */
  --cargo: #ff8a1e;            /* acción, carga (naranja) */
  --cargo-dim: #e0740f;
  --radar: #10b981;            /* flujo, positivo (verde) */
  --radar-dim: #0e9c6e;
  --alert: #ef4b63;
  --warn: #f5b81f;
  --ok: #22c55e;
  --violet: #7c6cf0;
  --sky: #2f9bf5;             /* azul para la ruta/cadena */
  --crate: #d9963f;           /* color de las cajas (madera/beer crate) */
  --crate-dim: #b9772a;

  /* Texto (oscuro sobre claro) */
  --ink: #16233d;
  --ink-2: #3a4a67;
  --muted: #64728c;
  --faint: #7d8ba4;

  /* Tipografía */
  --font-ui: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-data: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;

  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs-md: 14px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --fs-2xl: 30px;
  --fs-3xl: 44px;

  /* Espaciado y forma — redondeado y jugueton */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --r-sm: 10px; --r-md: 16px; --r-lg: 22px; --r-pill: 999px;

  /* Sombras suaves y azuladas (levantan las tarjetas sobre el fondo claro) */
  --shadow-1: 0 2px 6px rgba(23,45,90,.08);
  --shadow-2: 0 18px 40px rgba(23,45,90,.20);
  --shadow-card: 0 6px 18px rgba(23,45,90,.10);
  --shadow-glow: 0 0 0 3px rgba(255,138,30,.28);

  --speed-1: .12s;
  --speed-2: .2s;
  --ease: cubic-bezier(.2,.7,.3,1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --speed-1: .001s; --speed-2: .001s; }
  * { animation-duration: .001s !important; animation-iteration-count: 1 !important; }
}