/* IEM Gestión · tema (DOCS/INVENTARIO_INTERFACES.md): colores, marca y lo propio de IEM.
   Lo común a todas las apps (medidas, radios, alturas, tipografía, movimiento) está en /base/v1/tokens.css. */
:root {
  /* Tema oscuro iOS (por defecto): negro de fondo, grises en las superficies de trabajo */
  --bg: #000000; --surface: #1C1C1E; --surface-2: #2C2C2E; --surface-3: #3A3A3C;
  --line: rgba(255, 255, 255, 0.08); --line-strong: rgba(255, 255, 255, 0.18);
  --ink: #FFFFFF; --ink-2: #8E8E93; --ink-3: #636366;
  --action: #FFFFFF; --on-action: #000000;
  --field-bg: #2C2C2E; --field-line: transparent;
  --scrim: rgba(0, 0, 0, 0.55);
  /* Marca: lo único que cambia por cliente. IEM = rojo */
  --brand: #FF0B0B; --accent: var(--brand);
  --brand-tint: rgba(255, 11, 11, 0.14);
  /* Estados: solo en pequeño (píldoras, deltas, iconos) */
  --ok: #30D158; --ok-bg: rgba(48, 209, 88, 0.12); --ok-line: rgba(48, 209, 88, 0.28);
  --ko: #FF453A; --ko-bg: rgba(255, 69, 58, 0.12); --ko-line: rgba(255, 69, 58, 0.30);
  --warn: #FF9F0A; --warn-ink: #FFB340; --warn-bg: rgba(255, 159, 10, 0.12); --warn-line: rgba(255, 159, 10, 0.30);
  --info: #0A84FF; --info-bg: rgba(10, 132, 255, 0.12); --info-line: rgba(10, 132, 255, 0.30);
  /* Una tinta por cuenta (icono y píldora): se reconoce de un vistazo dónde entra o sale el dinero */
  --cta-negocio: #0A84FF; --cta-iva: #FF9F0A; --cta-caja: #30D158;
  /* Gráfica: la serie protagonista en tinta, la otra en gris */
  --chart-1: var(--ink); --chart-2: var(--ink-3);
  /* Sombras: en oscuro no hay; se separa con superficie más clara + línea */
  --sh-lift: 0 0 0 1px rgba(255, 255, 255, 0.06); --sh-float: 0 0 0 1px rgba(255, 255, 255, 0.10);
  /* Alias del vocabulario anterior (plantillas con style="color:var(--muted)" etc.) */
  --signal: var(--brand);
  --paper: var(--surface); --paper-2: var(--surface-2); --solid: var(--surface);
  --side: 248px;
  color-scheme: dark;
}
/* Tema claro «sobrio» (Más › Apariencia) */
:root[data-theme="light"] {
  --bg: #F5F5F7; --surface: #FFFFFF; --surface-2: #F4F4F5; --surface-3: #E9E9EB;
  --line: #E5E7EB; --line-strong: #CBCDD3;
  --ink: #111111; --ink-2: #6B7280; --ink-3: #A1A1AA;
  --action: #000000; --on-action: #FFFFFF;
  --field-bg: #FFFFFF; --field-line: #E5E7EB;
  --scrim: rgba(17, 17, 17, 0.28);
  --brand-tint: rgba(255, 11, 11, 0.10);
  --ok: #16A34A; --ok-bg: #ECFDF3; --ok-line: #ABEFC6;
  --ko: #DC2626; --ko-bg: #FEF2F2; --ko-line: #FECACA;
  --warn: #F59E0B; --warn-ink: #B54708; --warn-bg: #FFFAEB; --warn-line: #FEDF89;
  --info: #0A84FF; --info-bg: #EFF6FF; --info-line: #BFDBFE;
  --cta-negocio: #0A84FF; --cta-iva: #D97706; --cta-caja: #16A34A;
  --sh-lift: 0 2px 8px rgba(0, 0, 0, 0.10); --sh-float: 0 8px 24px rgba(0, 0, 0, 0.08);
  color-scheme: light;
}