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

html .eh-header .section-label {
    color: var(--text-2);
}

html .eh-controls {
    border: 1px solid var(--line);
}

html .eh-search-input {
    border: 1px solid var(--line);
}

html .eh-search-input:focus {
    border-color: var(--accento);
}

html .eh-search-btn {
    background: var(--tile);
    color: var(--bg);
    border-color: var(--tile);
}

html .eh-search-btn:hover {
    background: color-mix(in srgb, var(--tile) 86%, var(--bg));
    box-shadow: none;
    color: var(--bg);
}

html .eh-order-btn:hover {
    border-color: var(--line);
    color: var(--text);
}

html .eh-order-btn.active {
    border-color: var(--text);
    color: var(--text);
}

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

html .eh-results-meta span {
    color: var(--text-2);
}

html .eh-card {
    border: 1px solid var(--line);
}

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

html .eh-card-date {
    color: var(--text-2);
}

html .eh-card-arrow {
    color: var(--text);
}

html .eh-page-btn:hover {
    border-color: var(--line);
    color: var(--text);
}

html .eh-page-btn.active {
    background: var(--tile);
    border-color: var(--tile);
    color: var(--bg);
}