:root {
    --focus-width: 2px;
    --focus-offset: 2px;
    --focus-color: #1d1d1b;
}

html body :where(
    a[href],
    button:not([disabled]),
    input:not([type="hidden"]):not([disabled]),
    select:not([disabled]),
    textarea:not([disabled]),
    summary,
    [tabindex]:not([tabindex="-1"])
):focus-visible {
    outline: var(--focus-width) solid var(--focus-color);
    outline-offset: var(--focus-offset);
}

html body select.native-selected-value,
html body select:not([multiple]):has(option:checked:not([value=""]):not([value="-1"])) {
    color: #000000 !important;
}
