/* © 2026 KoreStock Ledger — un proyecto de Kitsótaro · Código disponible, todos los derechos reservados (ver LICENSE).
 * TEMA-CLARO.CSS — colores del tema claro. Contraste medido (WCAG AA, UI.md §3.1):
 * texto ≥ 14:1, secundario ≥ 7:1, tenue ≥ 5:1, acentos como texto ≥ 5:1 sobre cualquier
 * superficie y blanco sobre acento ≥ 6:1. Paleta base de Zeghi (índigo + marino).
 */
:root, :root[data-tema="claro"] {
  color-scheme: light;
  /* Base blanca y grises neutros (fase UI 2026-10-23: sobrio). */
  --fondo: #ECEEF2;
  --superficie: #FFFFFF;
  --superficie-2: #F3F4F6;
  --superficie-3: #E5E7EB;
  --superficie-elevada: #FFFFFF;
  --velo: rgb(17 20 24 / 0.42);
  --borde: #E0E3E8;
  --borde-fuerte: #777D88;

  --texto: #111418;
  --texto-2: #464C57;
  --texto-3: #5E6470;

  /* Azul profundo como principal; verde y rojo solo con significado. */
  --primario: #1E3A8A;
  --sobre-primario: #FFFFFF;
  --primario-suave: #E7ECF6;
  --sobre-primario-suave: #1E3A8A;
  --hoy-fondo: #1E3A8A;
  --sobre-hoy: #FFFFFF;

  --entrada: #1E3A8A;
  --sobre-entrada: #FFFFFF;
  --entrada-suave: #E7ECF6;
  --venta: #166534;
  --sobre-venta: #FFFFFF;
  --venta-suave: #E3F1E8;

  --exito: #166534;
  --exito-suave: #E3F1E8;
  /* Naranja intenso: SOLO «cambio importante que merece atención» (no es error). */
  --aviso: #B23C0A;
  --aviso-suave: #FFEDD5;
  /* Precaución (semáforo «Poco», «bajo la meta», «pronto»): amarillo; texto legible y relleno de barras */
  --precaucion: #C2410C; --precaucion-relleno: #EA580C; --precaucion-suave: #FFEDD5; /* en Día, naranja: el amarillo no contrasta sobre blanco */
  --peligro: #B91C1C;
  --peligro-suave: #FDE8E8;
  --info: #1E3A8A;
  --info-suave: #E7ECF6;

  /* «+», elemento seleccionado y control activo: oscuro sobre claro */
  --fab: #111418; --sobre-fab: #FFFFFF;
  --seleccion-fondo: #111418; --seleccion-texto: #FFFFFF;
  --activo-fondo: #111418; --activo-texto: #FFFFFF;

  --foco: #1E3A8A;
  /* «Sobrio» (2026-10-23, referencia de Kitso): tonos menos oscurecidos; el naranja ya no tira a café */
  --grafico-1: #1E3A8A; --grafico-2: #335C67; --grafico-3: #E09F3E; --grafico-4: #9E2A2B;
  --grafico-5: #7D8C63; --grafico-6: #540B0E; --grafico-7: #6D28D9; --grafico-8: #0E7490;
}