/* theme.css — GENERADO por convert.js desde site.config.js * NO editar a mano: se sobrescribe en cada build. * Para cambiar colores edita site.config.js → design, o usa /admin/tema.php * * :root lleva lo publicado desde el admin — es lo que ve quien no elige nada. * Debajo van los cuatro esquemas del registro, listos para theme-toggle.js, * que escribe data-theme en . */ :root { --accent: #1B7F4E; --sidebar-w: 282px; --header-h: 48px; --radius: 6px; --font: 'Inter', -apple-system, sans-serif; /* Alias del módulo de descargas — heredan del accent global */ --dl-accent: var(--accent); --dl-accent-bg: var(--accent-bg); --dl-accent-border: var(--accent-border); --dl-accent-hover: var(--accent-hover); --dl-radius: var(--radius); color-scheme: light; /* Qué esquema publicó el admin, para que el selector lo marque sin adivinar por color. «custom» = combinación propia, ninguno de los cuatro. */ --theme-published: claro; } /* Publicado desde el admin (claro) */ :root { --bg: #FFFFFF; --bg-page: #fbfbfb; --bg-card: #FFFFFF; --bg-sidebar: #F7F7F5; --bg-hover: #EFEFED; --bg-active: #E8E8E5; --border: #E8E8E4; --border-light: #F0F0EC; --text: #1C1C1A; --text-2: #5C5C58; --text-3: #9C9C96; --accent-bg: #f1f7f4; --accent-border: #cde3d8; --accent-hover: #187045; } /* Claro */ :root[data-theme="claro"] { --bg: #FFFFFF; --bg-page: #fbfbfb; --bg-card: #FFFFFF; --bg-sidebar: #F7F7F5; --bg-hover: #EFEFED; --bg-active: #E8E8E5; --border: #E8E8E4; --border-light: #F0F0EC; --text: #1C1C1A; --text-2: #5C5C58; --text-3: #9C9C96; --accent-bg: #f1f7f4; --accent-border: #cde3d8; --accent-hover: #187045; color-scheme: light; } /* Claro frío */ :root[data-theme="frio"] { --bg: #FFFFFF; --bg-page: #fbfbfb; --bg-card: #FFFFFF; --bg-sidebar: #F6F8FA; --bg-hover: #EDF1F5; --bg-active: #E3E9EF; --border: #E2E8F0; --border-light: #F1F5F9; --text: #0F172A; --text-2: #475569; --text-3: #94A3B8; --accent-bg: #f1f7f4; --accent-border: #cde3d8; --accent-hover: #187045; color-scheme: light; } /* Papel */ :root[data-theme="papel"] { --bg: #FDFCF9; --bg-page: #f9f8f5; --bg-card: #FDFCF9; --bg-sidebar: #F5F2EA; --bg-hover: #EEE9DD; --bg-active: #E5DFCF; --border: #E5DFD2; --border-light: #F0ECE2; --text: #1A1814; --text-2: #575145; --text-3: #9A9285; --accent-bg: #f1f7f4; --accent-border: #cde3d8; --accent-hover: #187045; color-scheme: light; } /* Oscuro */ :root[data-theme="oscuro"] { --bg: #14161A; --bg-page: #14161A; --bg-card: #1A1D22; --bg-sidebar: #1A1D22; --bg-hover: #23272E; --bg-active: #2B3038; --border: #2A2F37; --border-light: #21252B; --text: #ECEEF2; --text-2: #A8AEB8; --text-3: #6E757F; --accent-bg: #152923; --accent-border: #174531; --accent-hover: #3d9269; color-scheme: dark; }