:root {
    --chip-bg: #ffffff;
    --chip-fg: #212529;
}

:focus-visible {
    outline: 3px solid var(--button-bg-color) !important;
    outline-offset: 2px;
}

.input-group .form-control {
    border-width: 2px;
}

.input-group .form-control:focus {
    border-color: var(--button-bg-color);
    box-shadow: 0 0 0 .25rem rgba(200, 212, 0, .25);
}

.category-chips .chip {
    background-color: var(--chip-bg);
    color: var(--chip-fg);
    border-width: 2px;
}

.btn-check:checked + .btn.chip, .btn-check:active + .btn.chip, .btn.chip.active {
    background-color: var(--button-bg-color);
    color: #000;
    border-color: var(--button-bg-color);
    font-weight: 600;
}

button#btn-buscar .icono {
    display: block;
}

#lista-resultados .list-group-item {
    color: #212529;
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation-duration: 0.01ms !important;
    }
}