/* * Paleta del sistema. Dos temas: oscuro (por defecto) y claro. * CLAUDE.md § 8. * * El tema se elige con data-tema en . Sin atributo, manda el oscuro. * Todo el texto de aquí cumple 4,5:1 sobre su fondo en ambos temas; si añades * un color nuevo, compruébalo antes. */ :root { /* --- Superficies --- */ --fondo: #10151C; --superficie: #171F29; --superficie-alta: #1E2733; --superficie-baja: #141C25; /* --- Bordes --- */ --borde: #26303D; --borde-fuerte: #35424F; --borde-sutil: #222C38; /* --- Texto --- */ --texto: #E8EDF4; --texto-medio: #94A3B4; --texto-tenue: #8695A8; /* --- Acento --- */ --acento: #35C4D4; --acento-vivo: #6FDCE8; --acento-fondo: #0E2A31; --acento-profundo: #0E4E58; --acento-profundo-borde: #16626E; --acento-profundo-texto: #9FE2EC; --sobre-acento: #08191D; /* --- Aviso: merma fuera de tolerancia, estados que requieren acción --- */ --aviso: #E39355; --aviso-texto: #EDB989; --aviso-texto-fuerte: #F2C7A0; --aviso-medio: #E3A06A; --aviso-fondo: #2C1F12; --aviso-borde: #43301C; --aviso-fila: #211A12; /* --- Medidas --- */ --radio: 12px; --radio-chico: 8px; --barra-lateral: 236px; --barra-superior: 60px; /* --- Tipografía --- */ --tipo: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; --tipo-id: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace; --sombra: none; color-scheme: dark; } [data-tema='claro'] { --fondo: #F4F6F9; --superficie: #FFFFFF; --superficie-alta: #FFFFFF; --superficie-baja: #F8FAFC; --borde: #E2E7EE; --borde-fuerte: #D3DAE4; --borde-sutil: #EDF1F6; --texto: #1A2230; --texto-medio: #5B6675; --texto-tenue: #5F6B7C; --acento: #0F7B87; --acento-vivo: #0A5B64; --acento-fondo: #E3F3F5; --acento-profundo: #0A5B64; --acento-profundo-borde: #0A5B64; --acento-profundo-texto: #B6E4EA; --sobre-acento: #FFFFFF; --aviso: #96500F; --aviso-texto: #7A4210; --aviso-texto-fuerte: #7A4210; --aviso-medio: #8A4A12; --aviso-fondo: #FDF0E3; --aviso-borde: #F2DCC2; --aviso-fila: #FEF8F1; --sombra: 0 1px 2px rgba(16, 24, 40, .04); color-scheme: light; }