/* FitUI V2 — Base */

html {
    scroll-behavior: smooth;
}

body.fitui-v2-active {
    margin: 0;
    background: var(--fit-bg);
    color: var(--fit-text);
    font-family: var(--fit-font-sans);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.fitui-v2-active :where(a) {
    color: inherit;
}

body.fitui-v2-active :where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--fit-gold);
    outline-offset: 3px;
}

body.fitui-v2-active ::selection {
    background: rgba(var(--fit-gold-rgb), .28);
    color: var(--fit-text);
}

body.fitui-v2-active {
    scrollbar-color: rgba(var(--fit-gold-rgb), .28) var(--fit-bg-deep);
    scrollbar-width: thin;
}

body.fitui-v2-active::-webkit-scrollbar {
    width: 8px;
}

body.fitui-v2-active::-webkit-scrollbar-track {
    background: var(--fit-bg-deep);
}

body.fitui-v2-active::-webkit-scrollbar-thumb {
    border: 2px solid var(--fit-bg-deep);
    border-radius: var(--fit-radius-pill);
    background: rgba(var(--fit-gold-rgb), .28);
}