:root { /* Barras de desplazamiento y controles nativos del mismo tema (revisión con agentes, parte 130: el riel salía blanco en tema oscuro). */ color-scheme: dark; --bg: #0b0f14; --bg-elevated: #10161d; --card-bg: #131a22; --card-bg-2: #0f151c; --input-bg: #0f1720; --text: #e7edf3; --muted: #8b98a5; --border: #212b35; --accent: #34d0a3; --accent-dim: #1c7a5c; --burbuja-saliente-texto: #eafff6; --accent-glow: rgba(52, 208, 163, 0.14); --yellow-bg: rgba(233, 179, 60, 0.14); --yellow-text: #e9b33c; --ok-bg: rgba(52, 208, 163, 0.14); --ok-text: #34d0a3; --red-bg: rgba(233, 92, 92, 0.14); --red-text: #e95c5c; --on-accent: #06110d; /* texto sobre fondo de acento (chips activos, insignias) */ /* Tonos de los iconos del menu lateral (parte 129): uno por seccion. En el tema claro bajan de luminosidad (mismo criterio que --accent). */ --ic-azul: #5aa9ff; --ic-cian: #3cc9e0; --ic-violeta: #a78bfa; --ic-naranja: #f59e5b; --ic-rosa: #f472b6; --radius: 14px; /* Hoja de papel (parte 133): la vista previa del comprobante en PDF que va a recibir un cliente. Estos tokens NO cambian con el tema a proposito -- un PDF se imprime y se lee sobre papel blanco, asi que la vista previa tiene que mostrar el documento real y no una version oscura que no existe. Son tokens igual (regla 44) para que cualquier retoque salga de un solo lugar, y el contraste de los tres textos contra --papel-bg se midio en los dos temas. */ --papel-bg: #fbfaf7; --papel-texto: #1b2430; --papel-muted: #6b7480; --papel-linea: #e3e0d8; --papel-acento: #0f7f60; } /* Tema claro (Fase 2, parte 96) -- pedido explicito del usuario: "es cuestion de gustos para diferentes clientes", el oscuro sigue siendo el default (preferencia del propio usuario). Mismo set de tokens de arriba, nunca colores sueltos nuevos -- toda regla del archivo que ya usa var(--algo) se adapta sola. Alterna con `data-theme="light"` en , puesto por `tema.js` (se carga ANTES de este CSS -- ver el