/* --------------------------------------------------------------------- Paletas de colores alternativas. style.css define la paleta por defecto ("oscuro") directo en :root. Este archivo solo agrega variantes, activadas con el atributo data-tema en (ver public/js/temas.js, que lo lee/escribe en localStorage y lo aplica antes de pintar para evitar parpadeos). Todas las variantes redefinen exactamente las mismas variables que declara :root en style.css — así no hace falta tocar ninguna otra regla del resto de la hoja de estilos. --------------------------------------------------------------------- */ html[data-tema="claro"] { --bg: #f3f1ea; --surface: #ffffff; --surface-2: #ebe8df; --border: #d9d5c9; --ink: #262521; --ink-dim: #6f6b60; --paper: #ffffff; --paper-ink: #23241f; --paper-ink-dim: #6b6a5f; --green: #1f8a5c; --red: #c94235; --blue: #3f66d6; --amber: #b5791f; } html[data-tema="oceano"] { --bg: #0c151d; --surface: #122230; --surface-2: #17293a; --border: #223c50; --ink: #e6f1f7; --ink-dim: #8faabb; --paper: #f3f0e6; --paper-ink: #23241f; --paper-ink-dim: #6b6a5f; --green: #2fa896; --red: #e2574c; --blue: #3aa0e0; --amber: #d9a441; } html[data-tema="bosque"] { --bg: #10160f; --surface: #182119; --surface-2: #202b21; --border: #2c3a2b; --ink: #e8ede4; --ink-dim: #9bab94; --paper: #f3f0e6; --paper-ink: #23241f; --paper-ink-dim: #6b6a5f; --green: #4ea85b; --red: #d9634f; --blue: #5b9ac9; --amber: #c99a3d; } html[data-tema="atardecer"] { --bg: #1a1116; --surface: #241820; --surface-2: #2d1f28; --border: #402a37; --ink: #f3e6e4; --ink-dim: #b18f95; --paper: #f3f0e6; --paper-ink: #23241f; --paper-ink-dim: #6b6a5f; --green: #45a37e; --red: #e2574c; --blue: #c66fd0; --amber: #e08a3c; } html[data-tema="grafito"] { --bg: #16161a; --surface: #1e1e22; --surface-2: #26262b; --border: #34343a; --ink: #eceded; --ink-dim: #9a9aa2; --paper: #f3f0e6; --paper-ink: #23241f; --paper-ink-dim: #6b6a5f; --green: #6bab8f; --red: #c96a63; --blue: #8890a8; --amber: #c9a86b; }