:root {
    /* Brand */
    --color-primary: #e74b31;
    --color-primary-hover: #d43d24;
    --color-primary-light: rgba(231, 75, 49, 0.15);

    /* Background */
    --color-bg: #0f1117;
    --color-surface: #1a1c25;
    --color-surface-hover: #22242e;
    --color-surface-alt: #252731;

    /* Text */
    --color-text: #c9cdd5;
    --color-text-muted: #6b7280;
    --color-text-heading: #f0f1f3;

    /* Borders */
    --color-border: #2d2f3a;
    --color-border-light: #383a47;

    /* Status */
    --color-success: #34d399;
    --color-success-bg: rgba(52, 211, 153, 0.12);
    --color-warning: #fbbf24;
    --color-warning-bg: rgba(251, 191, 36, 0.12);
    --color-error: #f87171;
    --color-error-bg: rgba(248, 113, 113, 0.12);
    --color-info: #60a5fa;
    --color-info-bg: rgba(96, 165, 250, 0.12);

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.8125rem;
    --font-size-base: 0.875rem;
    --font-size-lg: 1rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.4);

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

    /* Layout */
    --sidebar-width: 240px;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
}