@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
    --color-bg: #050505;
    --color-card: #0a0a0a;
    --color-border: #1f1f1f;
    --color-accent: #d69414;
    --color-accent-dark: #c08512;
    --color-text: #ebebeb;
    --color-text-muted: #a1a1aa;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Dark mode fallback — works regardless of Tailwind CDN initialization */
html.dark body {
    background-color: #050505;
    color: #ebebeb;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #3f3f46;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #52525b;
}