:root {
    --bg-sidebar: #0b0d11;
    --bg-content: #12151c;
    --bg-elevated: #1a1e27;
    --bg-elevated-hover: #20242f;
    --border: #242933;
    --border-strong: #323847;

    --text-primary: #e7e9ee;
    --text-secondary: #8a93a3;
    --text-tertiary: #828b9c;

    --accent: #4c7dff;
    --accent-dim: rgba(76, 125, 255, 0.14);
    --accent-strong: #759bff;

    --positive: #30c177;
    --positive-dim: rgba(48, 193, 119, 0.14);
    --negative: #ef5b5b;
    --negative-dim: rgba(239, 91, 91, 0.14);
    --warning: #e0a63c;
    --warning-dim: rgba(224, 166, 60, 0.14);

    --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'IBM Plex Mono', 'SF Mono', Consolas, monospace;

    --radius: 6px;
    --radius-sm: 4px;

    --step--1: 0.8125rem;
    --step-0: 0.875rem;
    --step-1: 1rem;
    --step-2: 1.125rem;
    --step-3: 1.375rem;
    --step-4: 1.75rem;
}