/*
 * Tema por hora local del visitante.
 *
 * De 18:00 a 06:00 la página va en oscuro; el resto del día, en blanco.
 * La hora se mide en el reloj de quien abre el sitio, no en el de Petra.
 * js/noche.js pone la clase is-night en <html> antes de pintar.
 *
 * Los nombres de variables son los que ya usan las páginas del sitio, para
 * no tener que tocar 300 archivos: gana por especificidad sobre :root.
 */
html.is-night {
    color-scheme: dark;
    --bg: #111;
    --text: #fff;
    --text-secondary: rgba(255, 255, 255, 0.62);
    --border: rgba(255, 255, 255, 0.12);
    --border-strong: rgba(255, 255, 255, 0.24);
    /* Nombres alternos que usan cryptoart y algunas fichas */
    --dim: rgba(255, 255, 255, 0.62);
    --faint: rgba(255, 255, 255, 0.45);
    --strong: rgba(255, 255, 255, 0.24);
}

html.is-night body {
    background-color: var(--bg);
    color: var(--text);
}

/* Superficies blancas escritas a mano en las plantillas */
html.is-night nav.scrolled {
    background: rgba(17, 17, 17, 0.95);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

html.is-night .nav-brand,
html.is-night .nav-link:hover,
html.is-night .nav-link.active {
    color: var(--text);
}

html.is-night .ai-grid {
    background: #111;
}

@media (max-width: 900px) {
    html.is-night .nav-links {
        background: rgba(17, 17, 17, 0.97);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    }

    html.is-night .nav-link:hover,
    html.is-night .nav-link.active {
        background: rgba(255, 255, 255, 0.06);
    }
}