/*
 * Tema Halloween (site): as cores vêm das variáveis do tema (includes/temas.php). Aqui só os enfeites:
 * um brilho roxo e laranja bem leve no fundo, a seleção de texto e uma teia discreta no canto.
 */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(60vmax 40vmax at 100% 0%, rgb(var(--c-primary-rgb) / .10), transparent 70%),
        radial-gradient(50vmax 35vmax at 0% 100%, rgb(var(--c-accent-rgb) / .07), transparent 70%);
}
::selection { background: rgb(var(--c-accent-rgb)); color: #0a0510; }

/* Teia no canto de baixo à direita (bem apagada) */
body::before {
    content: '';
    position: fixed;
    right: -10px;
    bottom: -10px;
    width: 200px;
    height: 200px;
    pointer-events: none;
    z-index: 1;
    opacity: .14;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23d8b4fe' stroke-width='1.2'%3E%3Cpath d='M200 200 L0 200 M200 200 L20 110 M200 200 L80 40 M200 200 L150 0 M200 200 L200 0'/%3E%3Cpath d='M170 200 Q172 186 182 182 Q190 176 200 172'/%3E%3Cpath d='M130 200 Q134 174 150 168 Q162 160 168 146 Q178 140 200 136'/%3E%3Cpath d='M90 200 Q96 162 118 152 Q134 140 140 118 Q156 108 166 92 Q184 92 200 96'/%3E%3Cpath d='M50 200 Q58 150 88 136 Q108 120 114 92 Q134 78 142 54 Q170 50 200 54'/%3E%3C/svg%3E") no-repeat right bottom / contain;
}