:root {
    /* Dark-Style Basis Farben */
    --color-primary: #9E7AFF;
    --color-primary-light: #B89AFF;
    --color-primary-dark: #7C5FCC;
    --color-background: #0a0a0a;
    --color-background-light: #1a1a1a;
    --color-background-lighter: #262626;
    --color-text: #ffffff;
    --color-text-primary: #ffffff;
    --color-text-secondary: #e5e5e5;
    --color-text-tertiary: #a3a3a3;
    --color-text-inverse: #0a0a0a;
    --color-border: #333333;
    --color-border-light: #404040;
    --color-border-dark: #262626;
    --color-error: #ff4444;
    --color-error-dark: #cc3333;
    --color-success: #00d084;
    --color-success-dark: #00a868;
    --color-surface: #1a1a1a;
    --color-surface-secondary: #262626;
    --color-surface-hover: #333333;
    
    /* Gradient Farben (Magic UI inspiriert) */
    --gradient-primary: linear-gradient(135deg, #9E7AFF 0%, #FE8BBB 100%);
    --gradient-secondary: linear-gradient(135deg, #0070F3 0%, #38bdf8 100%);
    --gradient-accent: linear-gradient(135deg, #FF0080 0%, #7928CA 50%, #0070F3 100%);
    
    /* Navigation Farben */
    --color-nav-bg: #0a0a0a;
    --color-nav-hover-bg: #1a1a1a;
    --color-nav-text: #e5e5e5;
    --color-nav-text-hover: #ffffff;
    --color-nav-border: #262626;
    
    /* Message Farben (Dark-Style angepasst) */
    --color-message-success-bg: rgba(0, 208, 132, 0.1);
    --color-message-success-text: #00d084;
    --color-message-success-border: rgba(0, 208, 132, 0.3);
    --color-message-error-bg: rgba(255, 68, 68, 0.1);
    --color-message-error-text: #ff4444;
    --color-message-error-border: rgba(255, 68, 68, 0.3);
    --color-message-warning-bg: rgba(255, 193, 7, 0.1);
    --color-message-warning-text: #ffc107;
    --color-message-warning-border: rgba(255, 193, 7, 0.3);
    --color-message-info-bg: rgba(56, 189, 248, 0.1);
    --color-message-info-text: #38bdf8;
    --color-message-info-border: rgba(56, 189, 248, 0.3);
    
    /* Footer Farben */
    --color-footer-bg: #0a0a0a;
    --color-footer-text: #a3a3a3;
    --color-footer-border: #262626;
    
    /* Table Farben */
    --color-table-header-bg: #1a1a1a;
    --color-table-row-bg: #0a0a0a;
    --color-table-row-hover-bg: #1a1a1a;
    --color-table-border: #333333;
    
    /* Zusätzliche Farben für Screens */
    --color-surface-light: #262626;
    --color-text-light: #a3a3a3;
    
    /* Google Button Farben (Dark-Style) */
    --color-google-button-bg: #1a1a1a;
    --color-google-button-border: #333333;
    --color-google-button-bg-hover: #262626;
    --color-google-button-border-hover: #404040;
    --color-google-button-bg-active: #333333;
    --color-google-button-text: #e5e5e5;
}