:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #12121a;
    --bg-tertiary: #1a1a26;
    --text-primary: #e8eaed;
    --text-secondary: #8b8fa3;
    --text-tertiary: #7c7f9c;  
    --accent: #00b4ff;
    --accent-hover: #33c4ff;
    --accent-glow: rgba(0, 180, 255, 0.15);
    --green: #00e676;
    --orange: #ffab40;
    --red: #ff5252;
    --border: rgba(255, 255, 255, 0.08);
    --border-accent: rgba(0, 180, 255, 0.2);
    --bg-sidebar: #12121a;
    --radius: 8px;
    --sidebar-width: 400px;
    --font: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
}