/* Atelier Theme Variables - Dark Theme Only */
:root {
    /* Core colors */
    --color-background: #0a0a0a;
    --color-background-secondary: #141414;
    --color-surface: #1a1a1a;
    --color-surface-hover: #252525;
    --color-border: #333333;
    --color-text-primary: #ffffff;
    --color-text-secondary: #a0a0a0;
    --color-text-muted: #666666;
    --color-primary: #ff6b35;
    --color-primary-hover: #e55a2b;
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-error: #ef4444;

    /* Aliases for components.css compatibility */
    --bg-primary: #0a0a0a;
    --bg-secondary: #141414;
    --bg-tertiary: #1a1a1a;
    --border-default: #333333;
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --text-muted: #666666;
    --accent-primary: #3b82f6;
    --accent-ring: rgba(59, 130, 246, 0.4);
    
    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 24px;
    --space-2xl: 32px;
    
    /* Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
}