/* Lava mais visível, mantendo a base cobre e basalto */
.button-primary {
    background: var(--lava);
    color: var(--basalto);
    box-shadow: 0 5px 18px #ff6a1926;
}

.button-primary:hover {
    background: #ff823d;
}

.button-primary > span {
    color: var(--basalto);
}

h1 span {
    text-decoration: underline;
    text-decoration-color: var(--lava);
    text-decoration-thickness: 3px;
    text-underline-offset: 9px;
}

.brand-symbol::after {
    width: 8px;
    height: 8px;
    box-shadow: 0 0 10px #ff6a1980;
}

.button-detail {
    border-bottom: 2px solid var(--lava);
}

.button-detail::after {
    content: " ↗";
    color: var(--cobre);
}

.button-detail:hover {
    background: #fff0e3;
    border-color: var(--lava);
}

.filter-button[aria-pressed="true"] {
    box-shadow: inset 0 -3px 0 var(--lava);
}

.product-dialog {
    border-top: 3px solid var(--lava);
}

.dialog-section-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 9px;
    vertical-align: middle;
    border-radius: 50%;
    background: var(--lava);
}

.eco-section {
    border-top: 2px solid var(--lava);
}