/* Paleta del sitio: la unica declaracion de los tokens de color.
 *
 * Estaban copiados en :root de styles.css y de home.css, que son las dos unicas
 * hojas que los consumen y que nunca se cargan juntas (home.css es la portada,
 * styles.css el resto). Trece de los catorce valores coincidian y uno ya se
 * habia desviado: --text-secondary estaba al 0.78 en styles.css y al 0.76 en
 * home.css. Gana el 0.78, que es el que ven las quince paginas restantes.
 *
 * Se carga desde pwa_head.html, que es el unico include comun a las dieciseis
 * plantillas. Va despues de las hojas que usan los tokens y da igual: el valor
 * de una custom property lo resuelve la cascada antes de sustituir var(), asi
 * que el orden entre declaracion y uso no importa.
 */
:root {
    --bg-1: #070715;
    --bg-2: #131b46;
    --bg-3: #341b63;
    --text-primary: #f2f5fb;
    --text-secondary: rgba(227, 233, 245, 0.78);
    --glass-bg: rgba(11, 20, 44, 0.48);
    --glass-bg-soft: rgba(34, 30, 70, 0.3);
    --glass-border: rgba(207, 220, 241, 0.27);
    --glass-highlight: rgba(255, 255, 255, 0.15);
    --card-bg: rgba(255, 255, 255, 0.03);
    --card-border: rgba(198, 214, 242, 0.16);
    --card-hover: rgba(216, 228, 248, 0.46);
    --accent: #c6d6f5;
    --accent-strong: #8fb4e8;
    --accent-warm: #d6bc8f;
    /* Botones flotantes (Libros, TV, Noticias). Eran el azul de acento al 86%
       sobre un blanco al 22%: encima de una portada clara se perdían, y el
       icono blanco sobre azul claro apenas contrastaba. Opacos y un tono más
       hondos, el icono queda a ~4,5:1. */
    --fab-bg: linear-gradient(165deg, #7fa3dd, #4f74b3);
    --fab-bg-hover: linear-gradient(165deg, #8fb0e6, #5c82c2);
    --fab-bg-warm: linear-gradient(165deg, #dcc497, #a8894f);
    --fab-bg-warm-hover: linear-gradient(165deg, #e4cea4, #b8995c);
}