/* =====================================================================
   Malibu · tokens del sistema de diseno (v0.1, de la propuesta E)
   Regla: fuera de :root no se escribe un color, tamano ni duracion a mano.
   ===================================================================== */
:root{
  /* Lienzo y tinta */
  --canvas:#E9EDFB; --surface:rgba(255,255,255,.82); --surface-solid:#FFFFFF; --surface-2:#F6F7FE;
  --ink:#1A1B3A; --ink-2:#4A4E78; --muted:#5E6390; --hairline:#E3E6F5;

  /* Acento (indigo Malibu) y marca Bajapack para usos puntuales */
  --accent:#3B37E6; --accent-hover:#2A27B8; --accent-2:#6E6BF0; --accent-3:#B9B7F8;
  --accent-soft:#ECEDFB; --accent-ink:#FFFFFF;
  --brand-blue:#005DAB; --brand-orange:#F28C28;

  /* Semanticos (contraste AA sobre blanco) */
  --ok:#157A4C; --ok-soft:#E4F4EC;
  --warn:#A4500C; --warn-soft:#FFF1E3;
  --stop:#B42318; --stop-soft:#FEECEB;

  /* Tipografia */
  --font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-xs:.75rem; --t-sm:.8125rem; --t-body:.9375rem; --t-lead:1.0625rem;
  --t-h3:1.0625rem; --t-h2:1.375rem; --t-h1:1.75rem; --t-display:2.25rem;
  --w-regular:500; --w-semi:600; --w-bold:700; --w-heavy:800;

  /* Espacio (escala de 4) y radios */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:22px; --s6:32px; --s7:48px;
  --r-sm:10px; --r-md:14px; --r-lg:18px; --r-card:26px; --r-pill:999px;

  /* Sombra suave con tinte indigo */
  --sh-card:0 18px 40px rgba(59,55,230,.08);
  --sh-float:0 28px 60px rgba(59,55,230,.14);

  /* Movimiento */
  --ease-out:cubic-bezier(.16,1,.3,1); --d-fast:160ms; --d-mid:280ms;

  /* Tactil: minimo 44px */
  --touch:44px;
}
@media (prefers-reduced-motion: reduce){ :root{ --d-fast:0ms; --d-mid:0ms; } }