@import url("./theme-tokens.css");

html,
body {
    background: var(--hf-background);
    color: var(--hf-foreground);
    transition: background-color 180ms ease, color 180ms ease;
}

button,
a,
input {
    -webkit-tap-highlight-color: transparent;
}

:focus-visible {
    outline: 2px solid var(--hf-primary);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    html,
    body {
        scroll-behavior: auto;
        transition: none;
    }
}