:root {
    /* Dark-Style Basis Farben */
    --color-primary: #0077b5;
    --color-secondary: #00a0dc;
    --color-background: #0a0a0a;
    --color-background-light: #121213;
    --color-background-surface: #1a1a1a;
    --color-text: #ffffff;
    --color-text-primary: #ffffff;
    --color-text-secondary: #a0a0a0;
    --color-text-inverse: #0a0a0a;
    --color-border: #262626;
    --color-border-light: #404040;
    --color-error: #ef4444;
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-surface-secondary: #1f1f1f;
    
    /* Navigation Farben - Dark-Style */
    --color-nav-hover-bg: #1a1a1a;
    --color-nav-active-bg: #262626;
    
    /* Message Farben - Dark-Style */
    --color-message-success-bg: #064e3b;
    --color-message-success-text: #10b981;
    --color-message-success-border: #10b981;
    --color-message-error-bg: #7f1d1d;
    --color-message-error-text: #ef4444;
    --color-message-error-border: #ef4444;
    --color-message-warning-bg: #78350f;
    --color-message-warning-text: #f59e0b;
    --color-message-warning-border: #f59e0b;
    --color-message-info-bg: #1e3a5f;
    --color-message-info-text: #60a5fa;
    --color-message-info-border: #60a5fa;
    
    /* Footer Farben - Dark-Style */
    --color-footer-bg: #0a0a0a;
    --color-footer-text: #a0a0a0;
    --color-footer-border: #262626;
    
    /* Table Farben - Dark-Style */
    --color-table-header-bg: #1a1a1a;
    --color-table-row-hover-bg: #262626;
    --color-table-border: #262626;
    
    /* Zusätzliche Farben für Screens - Dark-Style */
    --color-primary-light: #003d66;
    --color-background-light: #121213;
    --color-text-light: #666666;
    --color-surface: #1a1a1a;
    
    /* Magic UI Accent Farben */
    --color-accent-neon-1: #9E7AFF;
    --color-accent-neon-2: #FE8BBB;
    --color-accent-gradient-from: #ffaa40;
    --color-accent-gradient-to: #9c40ff;
}