:root {
    color-scheme: dark;
    --twytch-bg: #0B0C0D;
    --twytch-surface: #191B1D;
    --twytch-border: #303437;
    --twytch-text: #F6F5F2;
    --twytch-muted: #A5AAAC;
    --twytch-subtle: #92989A;
    --twytch-motion-accent: #9147FF;
    --twytch-connect-accent: #39D6C5;
    --twytch-basketball-accent: #FF6B2C;
    --twytch-success: #8DDBA5;
    --twytch-miss: #FF7874;
    --twytch-max-width: 1200px;
    --twytch-header-height: 76px;
    --twytch-font: Inter, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--twytch-bg); }
body { color: var(--twytch-text); font-family: var(--twytch-font); }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid var(--twytch-basketball-accent);
    outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
}