:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #0d0d14;
    --bg-tertiary: #12121a;
    --bg-elevated: #16161e;
    --bg-input: #12121a;
    --bg-hover: #1a1a24;

    --text-primary: #e0e0e8;
    --text-secondary: #a0a0b0;
    --text-tertiary: #666680;
    --text-muted: #444458;
    --text-disabled: #333348;

    --accent-primary: #00ff88;
    --accent-primary-dim: rgba(0, 255, 136, 0.08);
    --accent-primary-border: rgba(0, 255, 136, 0.25);
    --accent-secondary: #ff8800;
    --accent-danger: #ff5555;
    --accent-info: #5588ff;
    --accent-warning: #ffaa00;

    --border-primary: #2a2a3a;
    --border-secondary: #1e1e2e;
    --border-focus: var(--accent-primary);

    --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Cascadia Code', Menlo, Consolas, monospace;
    --font-sans: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;

    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);

    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;

    --sidebar-width: 240px;
    --header-height: 56px;
    --content-max: 1080px;
}