:root {
    /* Light Mode Professional Colors - Extra Hell */
    --color-background-primary: #ffffff;
    --color-background-surface: #e8f4f8;
    --color-background-elevated: #d0e8f0;
    --color-background-hover: #b8dce8;
    
    /* Text Colors - Etwas heller */
    --color-text-primary: #2c3e50;
    --color-text-secondary: #5a6c7d;
    --color-text-muted: #7d8fa3;
    
    /* Brand Colors with Glow */
    --color-brand-primary: #1c77a6;
    --color-brand-secondary: #1589b8;
    --color-brand-accent: #0d5577;
    
    /* Complementary Colors */
    --color-complementary-primary: #e67e50;
    --color-complementary-secondary: #ff8f66;
    --color-complementary-accent: #d46d40;
    
    /* Glow Effects */
    --glow-primary: 0 0 20px rgba(28, 119, 166, 0.3), 0 0 40px rgba(28, 119, 166, 0.15);
    --glow-secondary: 0 0 20px rgba(21, 137, 184, 0.3), 0 0 40px rgba(21, 137, 184, 0.15);
    --glow-accent: 0 0 20px rgba(13, 85, 119, 0.3), 0 0 40px rgba(13, 85, 119, 0.15);
    --glow-complementary: 0 0 20px rgba(230, 126, 80, 0.3), 0 0 40px rgba(230, 126, 80, 0.15);
    
    /* Status Colors */
    --color-error: #ef4444;
    --color-error-dark: #dc2626;
    --color-error-darker: #b91c1c;
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-info: #3b82f6;
    
    /* Success Colors for Backgrounds and Text */
    --color-success-background: #d1fae5;
    --color-success-background-light: #ecfdf5;
    --color-success-text: #065f46;
    
    /* Background Secondary */
    --color-background-secondary: #f7f9fb;
    
    /* Status Colors with Alpha */
    --color-error-alpha-10: rgba(239, 68, 68, 0.1);
    --color-error-alpha-30: rgba(239, 68, 68, 0.3);
    --color-error-alpha-50: rgba(239, 68, 68, 0.5);
    --color-error-alpha-05: rgba(239, 68, 68, 0.05);
    --color-success-alpha-10: rgba(16, 185, 129, 0.1);
    --color-success-alpha-30: rgba(16, 185, 129, 0.3);
    --color-success-alpha-50: rgba(16, 185, 129, 0.5);
    --color-warning-alpha-10: rgba(245, 158, 11, 0.1);
    --color-warning-alpha-30: rgba(245, 158, 11, 0.3);
    --color-warning-alpha-50: rgba(245, 158, 11, 0.5);
    --color-info-alpha-10: rgba(59, 130, 246, 0.1);
    --color-info-alpha-30: rgba(59, 130, 246, 0.3);
    --color-info-alpha-50: rgba(59, 130, 246, 0.5);
    --color-brand-primary-alpha-10: rgba(28, 119, 166, 0.1);
    
    /* Border Colors */
    --color-border-subtle: rgba(0, 0, 0, 0.05);
    --color-border-default: rgba(0, 0, 0, 0.1);
    --color-border-strong: rgba(0, 0, 0, 0.2);
    
    /* Dark Mode Colors for Premium Screens */
    --color-dark-bg-primary: #0a0e17;
    --color-dark-bg-surface: #12171f;
    --color-dark-bg-elevated: #1a1f2e;
    --color-dark-bg-hover: #242936;
    
    --color-dark-text-primary: #e8eaed;
    --color-dark-text-secondary: #b8bcc4;
    --color-dark-text-muted: #8a8f9a;
    
    /* Additional Dark Mode Text Colors */
    --color-dark-text-light: #e8eaed;
    --color-dark-text-medium: #b8bcc4;
    --color-dark-text-dim: #8a8f9a;
    --color-dark-text-light-rgba-09: rgba(232, 234, 237, 0.9);
    
    /* Additional Dark Mode Background Variants */
    --color-dark-bg-variant-1: #1a1f2e;
    --color-dark-bg-variant-2: #12171f;
    
    /* Enhanced Glow Effects for Dark Mode */
    --glow-primary-intense: 0 0 30px rgba(28, 119, 166, 0.5), 0 0 60px rgba(28, 119, 166, 0.25), 0 0 90px rgba(28, 119, 166, 0.1);
    --glow-secondary-intense: 0 0 30px rgba(21, 137, 184, 0.5), 0 0 60px rgba(21, 137, 184, 0.25), 0 0 90px rgba(21, 137, 184, 0.1);
    --glow-accent-intense: 0 0 30px rgba(13, 85, 119, 0.5), 0 0 60px rgba(13, 85, 119, 0.25), 0 0 90px rgba(13, 85, 119, 0.1);
    
    /* Additional Colors for Screens */
    --color-hero-text-light: #e8f4f8;
    --color-card-text-light: #c8d4e0;
    
    /* Legacy Support (for backwards compatibility) */
    --color-primary: var(--color-brand-primary);
    --color-background: var(--color-background-primary);
    --color-text: var(--color-text-primary);
    --color-border: var(--color-border-default);
}