:root {
    --bg: #070a14;
    --bg-card: rgba(14, 19, 36, 0.5);
    --bg-card-hover: rgba(20, 28, 52, 0.7);
    --bg-topbar: rgba(7, 10, 20, 0.82);
    --bg-input: rgba(22, 30, 54, 0.4);
    --bg-icon: rgba(28, 36, 62, 0.5);

    --accent: #6366f1;
    --accent-light: #818cf8;
    --accent-glow: rgba(99, 102, 241, 0.25);
    --purple: #8b5cf6;
    --cyan: #06b6d4;

    --green: #22c55e;
    --green-dim: rgba(34, 197, 94, 0.12);
    --red: #ef4444;
    --red-dim: rgba(239, 68, 68, 0.12);
    --yellow: #eab308;
    --orange: #f97316;

    --text: #e2e8f0;
    --text-dim: #94a3b8;
    --text-muted: #64748b;
    --border: rgba(148, 163, 184, 0.06);
    --border-hover: rgba(148, 163, 184, 0.14);

    --radius: 14px;
    --radius-sm: 10px;
    --radius-lg: 20px;

    --shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-glow: 0 0 24px var(--accent-glow);

    --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.45s cubic-bezier(0.4, 0, 0.2, 1);

    --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
}