/* LAD · tema (DOCS/INVENTARIO_INTERFACES.md): colores, marca y lo propio de LAD.
   Lo común a todas las apps (medidas, radios, alturas, tipografía, movimiento) está en /base/v1/tokens.css. */
:root {
  /* Neutros claros */
  --bg: #F5F5F7; --surface: #FFFFFF; --surface-2: #F4F4F5; --surface-3: #E9E9EB;
  --line: #E5E7EB; --line-strong: #CBCDD3;
  --ink: #111111; --ink-2: #6B7280; --ink-3: #A1A1AA;
  --action: #111111; --on-action: #FFFFFF;
  --field-bg: #FFFFFF; --field-line: #E5E7EB;
  --scrim: rgba(17, 17, 17, 0.28);
  /* Marca LAD: azul, lo único que cambia por cliente */
  --brand: #2F6FED; --accent: var(--brand); --accent-2: #2456C9;
  --brand-tint: rgba(47, 111, 237, 0.10); --accent-soft: var(--brand-tint);
  /* Estados, solo en pequeño */
  --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-bg: #EFF6FF; --info-line: #BFDBFE;
  /* Una tinta por cuenta */
  --cta-caja: #B7791F; --cta-banco: var(--brand); --cta-iva: var(--ok);
  /* Sombras: solo para lo que flota */
  --sh-lift: 0 2px 8px rgba(0, 0, 0, 0.10); --sh-float: 0 8px 24px rgba(0, 0, 0, 0.08);
  --font-display: "Bricolage Grotesque", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  /* Alias del vocabulario anterior (plantillas con style="color:var(--amber)" etc.) */
  --shadow: none; --shadow-lift: var(--sh-float);
  --maxw: 560px; --side: 248px;
  font-size: 16px;
  color-scheme: light;
}
/* Tema oscuro tipo iOS (Más › Apariencia): negro de fondo, grises en las superficies de trabajo */
:root[data-theme="dark"] {
  --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);
  --brand: #4A8AF7; --accent-2: #7FA8FF; --brand-tint: rgba(74, 138, 247, 0.16);
  --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-bg: rgba(74, 138, 247, 0.14); --info-line: rgba(74, 138, 247, 0.32);
  --cta-caja: #E0A64A; --cta-banco: var(--brand); --cta-iva: var(--ok);
  --sh-lift: 0 0 0 1px rgba(255, 255, 255, 0.06); --sh-float: 0 0 0 1px rgba(255, 255, 255, 0.10);
  color-scheme: dark;
}
