/* COBROPOS · Tokens del sistema de diseño (GUIA_DISENO.md v1.13.4).
   Se carga ANTES que app.css. Aquí viven los valores; los componentes solo usan var(--…).
   Parte 1: escalas (texto, espacio, radios, capas, movimiento), marca, iconos por significado,
   y los colores que antes estaban escritos a mano en rediseno.css (Inicio, Más, encabezado y barra inferior). */
:root{
  /* Texto */
  --text-xs:11px;--text-s:12px;--text-sm:13px;--text-m:14px;--text-md:15px;--text-l:16px;
  --text-lg:18px;--text-xl:20px;--text-2xl:22px;--text-3xl:24px;--text-4xl:28px;--text-d1:32px;
  /* Espaciado */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;
  /* Radios */
  --r-s:8px;--r-m:12px;--r-l:16px;--r-xl:22px;--r-pill:999px;
  /* Capas */
  --z-base:1;--z-sticky:20;--z-nav:40;--z-overlay:100;--z-modal:200;--z-toast:300;
  /* Movimiento */
  --dur-1:.12s;--dur-2:.2s;--dur-3:.32s;
  /* Marca (degradado azul único) */
  --brand-hi:#3b9bff;--brand-lo:#1565e8;--ban-hi:#0a49b5;
  --nv1:#0a2f6e;--nv2:#061f4d;--nv3:#0b3a85;
  --info-hi:#3aa0ff;--info-lo:#1676f2;--av-tx:#1676f2;
  /* Iconos por significado: verde = ok · ámbar = warn · morado = pu · rojo = bad · cian = info */
  --ic-ok-hi:#2fd27a;--ic-ok-lo:#14a355;--ic-ok-glow:#14a35540;
  --ic-warn-hi:#ffbf3a;--ic-warn-lo:#f08a00;--ic-warn-glow:#f08a0040;
  --ic-pu-hi:#9b6cff;--ic-pu-lo:#6a3de0;--ic-pu-glow:#6a3de040;
  --ic-bad-hi:#ff6670;--ic-bad-lo:#e0222f;--ic-bad-glow:#e0222f40;
  --ic-cy-hi:#27b5ff;--ic-cy-lo:#0a84e6;
  --ic-blue-glow:#1565e83a;
  /* Alertas y sombras */
  --alert:#ef2b3c;--white:#fff;
  --sh-soft:#0004;--sh-mh:#0005;--sh-bar:#0007;--hero-glow:#1d7bff55;
  /* Superficies translúcidas del bloque azul */
  --glass-a:#0d3f94cc;--glass-b:#0a2d6dcc;--glass-bd:#5fa9ff59;
  --white-soft:#ffffff59;--white-faint:#ffffff1f;
  /* Textos sobre azul */
  --hero-sub:#c4dcfb;--hero-sub2:#dbe9ff;--bt-sub:#d3e5ff;
}
/* Tema oscuro (por defecto) */
:root{
  --surf-dk:#0a1d45;--n-dk:#e8f1ff;--rm-dk:#9bb8e3;--rb-dk:#15427f;--rb2-dk:#0f2e5e;--bl-dk:#5cb0ff;
  --bnav-bg:#081736;--bnav-tx:#8fb0e0;--bnav-on:#5cc4ff;
  --out-bg:#3a0f1a;--out-bd:#ff5a6e;--out-tx:#ff9aa8;
}
/* Tema claro */
:root[data-theme=light]{
  --n-lt:#0b2a6b;--rm-lt:#5b7bb0;--rb-lt:#dbe7f7;--rb2-lt:#e8eff9;--bl-lt:#1d6fe8;
  --sh-lt:#0b2a6b14;--sh-bar-lt:#0b2a6b1f;--bnav-tx-lt:#6f89b8;
  --out-bg-lt:#fff1f3;--out-bd-lt:#ff9aa6;--out-tx-lt:#e11d3a;
}