/* Colori: generato dal censimento del rosa (ottobre 2026).
   Sostituisce il rosa di <style> in extra.php per funzione; i valori vengono da --accento, --titolo e dai toni neutri di main.css.
   Va caricato subito dopo il foglio originale. */

html .extra-filter-btn:hover {
    background: var(--surface-2);
    border-color: var(--line);
    box-shadow: none;
    color: var(--text);
}

html .extra-filter-btn.active {
    background: var(--surface-2);
    border-color: var(--text);
    box-shadow: inset 0 -2px 0 var(--text) !important;
    color: var(--text);
}

html .extra-counter span {
    color: var(--text-2);
}

html .voce-card:hover {
    border-color: var(--line);
    box-shadow: none;
}

html .voce-card:hover::before {
    background: transparent;
}

html .voce-special {
    border-color: var(--line) !important;
}

html .voce-special::before {
    background: transparent !important;
    box-shadow: none;
}

html .voce-special .voce-termine {
    color: var(--accento);
    text-shadow: none;
}

html .voce-cat {
    background: transparent;
    color: var(--text-2);
    border: 1px solid var(--line);
}

html .voce-uso {
    border-left: 2px solid var(--line);
}

html .voce-uso-label {
    color: var(--text-2);
}

html .voce-echo {
    color: var(--text);
}