:root {
    --color-bg: #111111;
    --color-container: #1a1a1a;
    --color-accent: #ff4d05;
    --color-accent-hover: #e64500;
    --color-text-primary: #ffffff;
    --color-text-secondary: #b0b0b0;
    --color-border: #2a2a2a;
    --color-success: #00a86b;
    --color-error: #ff4757;
    --color-warning: #ffa500;
    --color-info: #2d8cf0;
    
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.5);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-xxl: 48px;
    
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

[data-theme="light"] {
    --color-bg: #f8f9fa;
    --color-container: #ffffff;
    --color-accent: #ff4d05;
    --color-accent-hover: #e64500;
    --color-text-primary: #212529;
    --color-text-secondary: #6c757d;
    --color-border: #dee2e6;
    --color-success: #00a86b;
    --color-error: #ff4757;
    --color-warning: #ffa500;
    --color-info: #2d8cf0;
    
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);
}