/**
 * Herbal Cure Life global keyboard-focus treatment.
 *
 * Two-color indicator:
 * - inner: Surface White
 * - outer: Brand Deep
 *
 * Keep focus clearly visible across light and dark solid surfaces.
 */

:where(
a[href],
button,
input:not([type="hidden"]),
select,
textarea,
summary,
[tabindex]:not([tabindex="-1"])
):focus-visible {
outline: var(--wp--custom--focus--inner-width) solid var(--wp--preset--color--surface-white);
outline-offset: var(--wp--custom--focus--outline-offset);
box-shadow: 0 0 0 var(--wp--custom--focus--outer-width) var(--wp--preset--color--brand-deep);
}

@media (forced-colors: active) {
:where(
a[href],
button,
input:not([type="hidden"]),
select,
textarea,
summary,
[tabindex]:not([tabindex="-1"])
):focus-visible {
outline: 2px solid CanvasText;
outline-offset: 2px;
box-shadow: none;
}
}