[x-cloak] { display: none !important; }

:focus-visible {
    outline: 2px solid oklch(0.52 0.12 45);
    outline-offset: 2px;
}

@media (prefers-color-scheme: dark) {
    :focus-visible {
        outline-color: oklch(0.65 0.12 45);
    }
}

input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
    border-color: oklch(0.52 0.12 45);
    outline: none;
}

@media (prefers-color-scheme: dark) {
    input:not([type="checkbox"]):not([type="radio"]):focus,
    select:focus,
    textarea:focus {
        border-color: oklch(0.65 0.12 45);
    }
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: oklch(0.52 0.12 45);
}