/* Erzwingt Light Mode - ignoriert System-Dark-Mode-Einstellungen */
:root,
html,
body {
    color-scheme: light;
}

:root {
    /* Basis Farben */
    --color-primary: #0066cc;
    --color-background: #ffffff;
    --color-background-light: #F8F9FA;
    --color-text: #1A1A1A;
    --color-text-primary: #1A1A1A;
    --color-text-secondary: #666666;
    --color-text-inverse: #ffffff;
    --color-text-on-primary: #ffffff;
    --color-border: #cccccc;
    --color-error: #dc3545;
    --color-success: #28a745;
    --color-surface-secondary: #f5f5f5;
    
    /* Navigation Farben */
    --color-nav-hover-bg: #f0f0f0;
    
    /* Message Farben */
    --color-message-success-bg: #d4edda;
    --color-message-success-text: #155724;
    --color-message-error-bg: #f8d7da;
    --color-message-error-text: #721c24;
    --color-message-warning-bg: #fff3cd;
    --color-message-warning-text: #856404;
    --color-message-warning-border: #ffc107;
    --color-message-info-bg: #d1ecf1;
    --color-message-info-text: #0c5460;
    --color-message-info-border: #17a2b8;
    
    /* Footer Farben */
    --color-footer-bg: #f8f8f8;
    --color-footer-text: #666666;
    
    /* Table Farben */
    --color-table-header-bg: #f8f8f8;
    --color-table-row-hover-bg: #e8e8e8;
    
    /* Zusätzliche Farben für Screens */
    --color-primary-light: #e6f2ff;
    --color-primary-dark: #004499;
    --color-background-light: #fafafa;
    --color-text-light: #999999;
    --color-surface: #ffffff;
    
    /* Hochwertige Farben für Restaurant-Suche */
    --color-card-shadow: rgba(0, 0, 0, 0.08);
    --color-card-shadow-hover: rgba(0, 102, 204, 0.15);
    --color-filter-bg: #ffffff;
    --color-filter-shadow: rgba(0, 0, 0, 0.08);
    --color-feature-badge-bg: #e6f2ff;
    --color-feature-badge-text: #0066cc;
    
    
    /* Gradient-Farben für Headlines (base-headline-h1 bis h4) */
    --color-gradient-1: #0066cc;
    --color-gradient-6: #004499;
    --color-gradient-7: #0055aa;
    --color-gradient-8: #0066cc;
    --color-gradient-9: #004499;

    /* Kategorie-Label Hintergrund */
    --color-cuisine-label-bg: #e0f7fa;
    
    /* Dashboard Farben */
    --color-dashboard-headline: #4b5563;
    --color-dashboard-text-dark: #1a1a1a;
    --color-dashboard-text-medium: #4a4a4a;
    --color-dashboard-icon: #3b82f6;
    --color-shadow-light: rgba(0, 0, 0, 0.06);
    --color-shadow-medium: rgba(0, 0, 0, 0.08);
    --color-shadow-dark: rgba(0, 0, 0, 0.1);
    --color-shadow-darker: rgba(0, 0, 0, 0.12);
    --color-shadow-darkest: rgba(0, 0, 0, 0.15);
    --color-border-light: rgba(0, 0, 0, 0.1);
    --color-border-medium: rgba(0, 0, 0, 0.15);
    --color-border-white-light: rgba(255, 255, 255, 0.4);
    --color-border-white-medium: rgba(255, 255, 255, 0.5);
    --color-border-white-dark: rgba(255, 255, 255, 0.6);
    --color-background-white-light: rgba(255, 255, 255, 0.05);
    --color-background-white-medium: rgba(255, 255, 255, 0.1);
    --color-background-white-dark: rgba(255, 255, 255, 0.2);
    --color-background-white-darker: rgba(255, 255, 255, 0.4);
    --color-background-white-darkest: rgba(255, 255, 255, 0.5);
    --color-background-white-very-dark: rgba(255, 255, 255, 0.6);
    --color-background-white-very-darker: rgba(255, 255, 255, 0.7);
    --color-background-white-very-darkest: rgba(255, 255, 255, 0.8);
    --color-background-white-very-very-dark: rgba(255, 255, 255, 0.9);
    --color-background-white-very-very-darker: rgba(255, 255, 255, 0.95);
    --color-popup-header-bg: rgba(59, 130, 246, 0.1);
    --color-popup-header-bg-dark: rgba(30, 64, 175, 0.05);
    --color-popup-header-border: rgba(59, 130, 246, 0.4);
    --color-popup-border-bottom: rgba(0, 0, 0, 0.06);
}