/* 
 * Colors CSS - Dark Mode
 * Alle Farbdefinitionen als CSS Custom Properties
 * Diese Datei muss als zweite CSS-Datei eingebunden werden (nach fonts.css)
 */

:root {
    /* Primary Colors */
    --color-primary: #58A6FF;
    --color-primary-hover: #79B8FF;
    --color-primary-light: rgb(88 166 255 / 20%);
    --color-primary-dark: #1F6FEB;
    
    /* Background Colors - Dark Mode */
    --color-background: #0f1419;
    --color-background-secondary: #161B22;
    --color-background-tertiary: #21262D;
    --color-surface: #1a1f2e;
    --color-surface-hover: #2D333B;
    
    /* Border Colors - Dark Mode */
    --color-border: #30363D;
    --color-border-light: #21262D;
    --color-border-dark: #3D444D;
    
    /* Text Colors - Dark Mode */
    --color-text-primary: #e8eaed;
    --color-text-secondary: #C9D1D9;
    --color-text-tertiary: #8B949E;
    --color-text-disabled: #484F58;
    
    /* Status Colors - Dark Mode */
    --color-success: #3FB950;
    --color-success-light: rgb(63 185 80 / 15%);
    --color-success-dark: #2EA043;
    --color-warning: #D29922;
    --color-warning-light: rgb(210 153 34 / 15%);
    --color-warning-dark: #BB8A1B;
    --color-error: #F85149;
    --color-error-light: rgb(248 81 73 / 15%);
    --color-error-dark: #DA3633;
    --color-info: #58A6FF;
    --color-info-light: rgb(88 166 255 / 15%);
    --color-info-dark: #1F6FEB;
    
    /* Accent Colors - Dark Mode */
    --color-accent: #58A6FF;
    --color-accent-hover: #79B8FF;
    --color-accent-light: rgb(88 166 255 / 20%);
    --color-accent-dark: #1F6FEB;
    --color-accent-gold: #F0E68C;
    --color-accent-gold-hover: #F5F5A0;
    --color-accent-gold-light: rgb(240 230 140 / 20%);
    
    /* Deutschlandfarben (Schwarz, Rot, Gold) für Typografie */
    --color-de-black: #000000;
    --color-de-red: #AA3333;
    --color-de-gold: #FFCE00;
    --color-de-gradient-static: linear-gradient(135deg, #000000 0%, #AA3333 50%, #FFCE00 100%);
    --color-de-gradient-hover: linear-gradient(90deg, #000000 0%, #AA3333 33%, #FFCE00 66%, #AA3333 100%);
    --color-de-glow: 0 0 10px rgba(170, 51, 51, 0.15), 0 0 20px rgba(255, 206, 0, 0.1);
    
    /* Glassmorphism - Dark Mode */
    --glass-bg: rgb(22 27 34 / 80%);
    --glass-border: rgb(48 54 61 / 50%);
    --glass-shadow: 0 8px 32px rgb(0 0 0 / 40%);
    
    /* Home Dashboard Colors - Dark Mode */
    --home-bg: #0D1117;
    --home-panel: #161B22;
    --home-panel-hover: #21262D;
    --home-accent: #58A6FF;
    --home-accent-glow: rgb(88 166 255 / 20%);
    --home-text: #E6EDF3;
    --home-text-muted: #8B949E;
    
    /* Additional Colors for Screen-Specific Styles - Dark Mode */
    --color-primary-blue: #58A6FF;
    --color-primary-blue-dark: #1F6FEB;
    --color-primary-blue-light: #79B8FF;
    --color-primary-blue-lighter: #9ECBFF;
    --color-primary-blue-lightest: #BFDBFE;
    --color-primary-blue-pale: #C8E1FF;
    
    --color-success-green: #3FB950;
    --color-success-green-dark: #2EA043;
    --color-success-green-darker: #238636;
    --color-success-green-darkest: #196C2E;
    --color-success-green-light: #56D364;
    --color-success-green-pale: #7EE787;
    
    --color-error-red: #F85149;
    --color-error-red-dark: #DA3633;
    --color-error-red-darker: #C82333;
    --color-error-red-darkest: #BD2130;
    --color-error-red-darkest-alt: #B62324;
    --color-error-red-bootstrap: #F85149;
    --color-error-red-bootstrap-dark: #DA3633;
    --color-error-red-bootstrap-darker: #C82333;
    --color-error-red-light: #FF6B6B;
    --color-error-red-lighter: #FF7B72;
    --color-error-red-pale: #FF9492;
    --color-error-red-material: #F85149;
    --color-error-red-material-light: #FF6B6B;
    
    --color-warning-orange: #D29922;
    --color-warning-orange-dark: #BB8A1B;
    --color-warning-orange-darker: #A67A19;
    --color-warning-orange-darkest: #916B17;
    --color-warning-orange-light: #E0B040;
    --color-warning-orange-lighter: #EEC75E;
    --color-warning-orange-pale: #F5D88A;
    --color-warning-amber: #D29922;
    --color-warning-amber-dark: #BB8A1B;
    --color-warning-gold: #F0E68C;
    --color-warning-yellow: #E0C050;
    --color-warning-yellow-light: #F0E68C;
    --color-warning-rgba-30: rgb(210 153 34 / 30%);
    
    --color-info-blue: #58A6FF;
    --color-info-blue-dark: #1F6FEB;
    --color-info-blue-darker: #0969DA;
    --color-info-blue-material: #58A6FF;
    --color-info-blue-material-dark: #1F6FEB;
    --color-info-blue-material-darker: #0969DA;
    --color-info-blue-alt: #58A6FF;
    --color-info-blue-alt-dark: #1F6FEB;
    
    --color-background-black: #000000;
    --color-background-dark: #0D1117;
    --color-background-darker: #161B22;
    --color-background-darkest: #1A1D24;
    --color-background-gray: #21262D;
    --color-background-gray-light: #2D333B;
    --color-background-gray-lighter: #373E47;
    --color-background-gray-lightest: #3D444D;
    --color-background-gray-alt: #30363D;
    --color-background-gray-dark: #161B22;
    
    --color-text-white: #FFFFFF;
    --color-text-white-uppercase: #FFFFFF;
    --color-text-gray-light: #E6EDF3;
    --color-text-gray-lighter: #C9D1D9;
    --color-text-gray-lightest: #B1BAC4;
    --color-text-gray: #8B949E;
    --color-text-gray-dark: #7D8590;
    --color-text-gray-darker: #6E7681;
    --color-text-gray-darkest: #484F58;
    --color-text-gray-alt: #6E7681;
    --color-text-gray-material: #8B949E;
    --color-text-gray-material-light: #C9D1D9;
    --color-text-gray-material-lighter: #B1BAC4;
    --color-text-gray-material-lightest: #9BA7B4;
    --color-text-gray-material-pale: #8B949E;
    --color-text-gray-bootstrap: #8B949E;
    --color-text-gray-bootstrap-light: #7D8590;
    
    --color-border-gray: #30363D;
    --color-border-gray-light: #21262D;
    --color-background-white: #161B22;
    --color-background-white-alt: #161B22;
    --color-background-gray-pale: #21262D;
    
    --color-accent-purple: #A371F7;
    --color-accent-pink: #F778BA;
    --color-accent-pink-light: #FFA8D4;
    
    --color-special-blue: #58A6FF;
    --color-special-blue-light: #79B8FF;
    
    --color-special-green-dark: #0D1117;
    --color-special-red-dark: #1A0000;
    --color-special-orange-dark: #1A0A00;
    
    /* Overlay and Effect Colors - Dark Mode */
    --color-overlay-white-20: rgb(255 255 255 / 10%);
    --color-overlay-white-70: rgb(255 255 255 / 50%);
    --color-shadow-black-20: rgb(0 0 0 / 30%);
    --color-shadow-black-60: rgb(0 0 0 / 50%);
    
    /* Form Input Colors - Dark Mode */
    --color-form-input-bg: #0D1117;
    --color-form-input-bg-hover: #161B22;
    --color-form-input-bg-focus: #21262D;
    --color-form-input-border: #30363D;
    --color-form-input-border-hover: #3D444D;
    
    /* Table Colors - Dark Mode */
    --color-table-row-bg: #161B22;
    --color-table-border: #30363D;
    
    /* RGBA Color Variants for Overlays and Effects - Dark Mode */
    /* Primary Blue RGBA Variants */
    --color-primary-blue-rgba-05: rgb(88 166 255 / 5%);
    --color-primary-blue-rgba-08: rgb(88 166 255 / 8%);
    --color-primary-blue-rgba-10: rgb(88 166 255 / 10%);
    --color-primary-blue-rgba-15: rgb(88 166 255 / 15%);
    --color-primary-blue-rgba-20: rgb(88 166 255 / 20%);
    --color-primary-blue-rgba-25: rgb(88 166 255 / 25%);
    --color-primary-blue-rgba-30: rgb(88 166 255 / 30%);
    --color-primary-blue-rgba-40: rgb(88 166 255 / 40%);
    --color-primary-blue-rgba-50: rgb(88 166 255 / 50%);
    --color-primary-blue-rgba-60: rgb(88 166 255 / 60%);
    --color-primary-blue-rgba-80: rgb(88 166 255 / 80%);
    --color-primary-blue-58a6ff-rgba-15: rgb(88 166 255 / 15%);
    --color-primary-blue-58a6ff-rgba-30: rgb(88 166 255 / 30%);
    
    /* Info Blue RGBA Variants */
    --color-info-blue-rgba-05: rgb(59 130 246 / 5%);
    --color-info-blue-rgba-10: rgb(59 130 246 / 10%);
    --color-info-blue-rgba-15: rgb(59 130 246 / 15%);
    --color-info-blue-rgba-20: rgb(59 130 246 / 20%);
    --color-info-blue-rgba-30: rgb(59 130 246 / 30%);
    --color-info-blue-rgba-40: rgb(59 130 246 / 40%);
    --color-info-blue-rgba-50: rgb(59 130 246 / 50%);
    --color-info-blue-rgba-60: rgb(59 130 246 / 60%);
    --color-info-blue-rgba-80: rgb(59 130 246 / 80%);
    --color-info-blue-dark-rgba-05: rgb(37 99 235 / 5%);
    --color-info-rgba-30: rgb(88 166 255 / 30%);
    
    /* Error Red RGBA Variants */
    --color-error-red-rgba-15: rgb(239 68 68 / 15%);
    --color-error-red-rgba-30: rgb(239 68 68 / 30%);
    --color-error-red-rgba-50: rgb(239 68 68 / 50%);
    --color-error-red-dark-rgba-10: rgb(220 38 38 / 10%);
    --color-error-rgba-30: rgb(248 81 73 / 30%);
    
    /* Success Green RGBA Variants */
    --color-success-green-rgba-15: rgb(34 197 94 / 15%);
    --color-success-green-rgba-30: rgb(34 197 94 / 30%);
    --color-success-green-rgba-50: rgb(16 185 129 / 50%);
    --color-success-green-dark-rgba-10: rgb(22 163 74 / 10%);
    --color-success-green-alt-rgba-15: rgb(63 185 80 / 15%);
    --color-success-green-alt-rgba-30: rgb(63 185 80 / 30%);
    --color-success-rgba-30: rgb(63 185 80 / 30%);
    
    /* Gray RGBA Variants */
    --color-gray-rgba-20: rgb(75 85 99 / 20%);
    --color-gray-rgba-30: rgb(75 85 99 / 30%);
    --color-gray-rgba-40: rgb(71 85 105 / 40%);
    --color-gray-rgba-60: rgb(75 85 99 / 60%);
    --color-gray-rgba-80: rgb(75 85 99 / 80%);
    --color-gray-75-85-99-rgba-10: rgb(75 85 99 / 10%);
    --color-gray-75-85-99-rgba-20: rgb(75 85 99 / 20%);
    --color-gray-75-85-99-rgba-30: rgb(75 85 99 / 30%);
    --color-gray-75-85-99-rgba-40: rgb(75 85 99 / 40%);
    --color-gray-75-85-99-rgba-60: rgb(75 85 99 / 60%);
    --color-gray-75-85-99-rgba-80: rgb(75 85 99 / 80%);
    --color-gray-107-114-128-rgba-20: rgb(107 114 128 / 20%);
    --color-gray-107-114-128-rgba-40: rgb(107 114 128 / 40%);
    --color-gray-107-114-128-rgba-60: rgb(107 114 128 / 60%);
    --color-gray-107-114-128-rgba-80: rgb(107 114 128 / 80%);
    
    /* Black RGBA Variants */
    --color-black-rgba-08: rgb(0 0 0 / 8%);
    --color-black-rgba-10: rgb(0 0 0 / 10%);
    --color-black-rgba-15: rgb(0 0 0 / 15%);
    --color-black-rgba-20: rgb(0 0 0 / 20%);
    --color-black-rgba-25: rgb(0 0 0 / 25%);
    --color-black-rgba-30: rgb(0 0 0 / 30%);
    --color-black-rgba-40: rgb(0 0 0 / 40%);
    --color-black-rgba-50: rgb(0 0 0 / 50%);
    --color-black-rgba-60: rgb(0 0 0 / 60%);
    --color-black-rgba-80: rgb(0 0 0 / 80%);
    
    /* White RGBA Variants */
    --color-white-rgba-03: rgb(255 255 255 / 3%);
    --color-white-rgba-04: rgb(255 255 255 / 4%);
    --color-white-rgba-05: rgb(255 255 255 / 5%);
    --color-white-rgba-06: rgb(255 255 255 / 6%);
    --color-white-rgba-08: rgb(255 255 255 / 8%);
    --color-white-rgba-10: rgb(255 255 255 / 10%);
    --color-white-rgba-12: rgb(255 255 255 / 12%);
    --color-white-rgba-15: rgb(255 255 255 / 15%);
    --color-white-rgba-20: rgb(255 255 255 / 20%);
    --color-white-rgba-50: rgb(255 255 255 / 50%);
    --color-white-rgba-60: rgb(255 255 255 / 60%);
    --color-white-rgba-70: rgb(255 255 255 / 70%);
    --color-white-rgba-80: rgb(255 255 255 / 80%);
    --color-white-rgba-85: rgb(255 255 255 / 85%);
    --color-white-rgba-90: rgb(255 255 255 / 90%);
    
    /* Success Green RGBA Variants (zusätzliche) */
    --color-success-green-rgba-10: rgb(16 185 129 / 10%);
    --color-success-green-rgba-20: rgb(16 185 129 / 20%);
    --color-success-green-rgba-30: rgb(16 185 129 / 30%);
    --color-success-green-rgba-40: rgb(16 185 129 / 40%);
    --color-success-green-3fb950-rgba-30: rgb(63 185 80 / 30%);
    
    /* Info Blue RGBA Variants (zusätzliche) */
    --color-info-blue-rgba-20: rgb(59 130 246 / 20%);
    --color-info-blue-rgba-30: rgb(59 130 246 / 30%);
    
    /* Warning Orange RGBA Variants */
    --color-warning-orange-rgba-05: rgb(249 115 22 / 5%);
    --color-warning-orange-rgba-10: rgb(249 115 22 / 10%);
    --color-warning-orange-rgba-15: rgb(249 115 22 / 15%);
    --color-warning-orange-rgba-20: rgb(249 115 22 / 20%);
    --color-warning-orange-rgba-30: rgb(249 115 22 / 30%);
    --color-warning-orange-rgba-40: rgb(249 115 22 / 40%);
    --color-warning-orange-251-146-60-rgba-10: rgb(251 146 60 / 10%);
    --color-warning-orange-251-146-60-rgba-20: rgb(251 146 60 / 20%);
    
    /* Error Red RGBA Variants (zusätzliche) */
    --color-error-red-rgba-10: rgb(239 68 68 / 10%);
    --color-error-red-rgba-20: rgb(239 68 68 / 20%);
    --color-error-red-f85149-rgba-15: rgb(248 81 73 / 15%);
    --color-error-red-f85149-rgba-30: rgb(248 81 73 / 30%);
    --color-error-red-f85149-rgba-40: rgb(248 81 73 / 40%);
    
    /* Black RGBA Variants (zusätzliche) */
    --color-black-rgba-20: rgb(0 0 0 / 20%);
    
    /* Gray RGBA Variants */
    --color-gray-rgba-30: rgb(75 85 99 / 30%);
    
    /* Background Dark RGBA Variants (zusätzliche) */
    --color-background-dark-rgba-17: rgb(17 24 39 / 80%);
    --color-background-dark-rgba-20: rgb(17 24 39 / 20%);
    --color-background-dark-17-24-39-rgba-40: rgb(17 24 39 / 40%);
    --color-background-dark-17-24-39-rgba-60: rgb(17 24 39 / 60%);
    --color-background-dark-17-24-39-rgba-80: rgb(17 24 39 / 80%);
    --color-background-dark-17-24-39-rgba-90: rgb(17 24 39 / 90%);
    --color-background-dark-rgba-40: rgb(17 24 39 / 40%);
    --color-background-dark-31-41-55-rgba-60: rgb(31 41 55 / 60%);
    --color-background-dark-31-41-55-rgba-80: rgb(31 41 55 / 80%);
    --color-background-dark-rgba-60: rgb(31 41 55 / 60%);
    --color-background-dark-rgba-80: rgb(31 41 55 / 80%);
    --color-background-dark-rgba-85: rgb(28 36 58 / 85%);
    --color-background-dark-rgba-65: rgb(22 28 45 / 65%);
    --color-background-dark-rgba-65-alt: rgb(19 40 62 / 65%);
    --color-background-dark-rgba-90: rgb(17 24 39 / 90%);
    
    /* Warning Gold RGBA Variants */
    --color-warning-gold-rgba-05: rgb(240 230 140 / 5%);
    
    /* Purple RGBA Variants */
    --color-purple-rgba-20: rgb(139 92 246 / 20%);
    --color-purple-rgba-60: rgb(139 92 246 / 60%);
    
    /* Background Dark RGBA Variants */
    --color-background-dark-rgba-50: rgb(15 23 42 / 50%);
    --color-background-dark-rgba-70: rgb(15 23 42 / 70%);
    
    /* Additional RGBA Variants for Screen-Specific Styles */
    --color-primary-blue-0071e3-rgba-20: rgb(0 113 227 / 20%);
    --color-primary-blue-0071e3-rgba-30: rgb(0 113 227 / 30%);
    --color-primary-blue-0071e3-rgba-40: rgb(0 113 227 / 40%);
    --color-primary-blue-0071e3-rgba-50: rgb(0 113 227 / 50%);
    --color-primary-blue-0071e3-rgba-80: rgb(0 113 227 / 80%);
    --color-primary-blue-0071e3-rgba-10: rgb(0 113 227 / 10%);
    
    --color-warning-yellow-ffaa00-rgba-30: rgb(255 170 0 / 30%);
    --color-warning-yellow-ffaa00-rgba-50: rgb(255 170 0 / 50%);
    --color-warning-yellow-ffaa00-rgba-80: rgb(255 170 0 / 80%);
    
    --color-success-green-00ff41-rgba-30: rgb(0 255 65 / 30%);
    --color-success-green-00ff41-rgba-50: rgb(0 255 65 / 50%);
    --color-success-green-00ff41-rgba-80: rgb(0 255 65 / 80%);
    
    --color-error-red-ff0000-rgba-30: rgb(255 0 0 / 30%);
    --color-error-red-ff0000-rgba-50: rgb(255 0 0 / 50%);
    
    --color-error-red-ff452d-rgba-15: rgb(255 69 45 / 15%);
    --color-error-red-ff452d-rgba-20: rgb(255 69 45 / 20%);
    --color-error-red-ff452d-rgba-25: rgb(255 69 45 / 25%);
    --color-error-red-ff452d-rgba-30: rgb(255 69 45 / 30%);
    --color-error-red-ff452d-rgba-40: rgb(255 69 45 / 40%);
    --color-error-red-ff452d-rgba-50: rgb(255 69 45 / 50%);
    --color-error-red-ff452d-rgba-0: rgb(255 69 45 / 0%);
    
    --color-warning-yellow-fb9f24-rgba-20: rgb(251 159 36 / 20%);
    
    --color-accent-pink-ec4899-rgba-15: rgb(236 72 153 / 15%);
    
    --color-warning-yellow-f59e0b-rgba-15: rgb(245 158 11 / 15%);
    
    --color-info-blue-3b82f6-rgba-15: rgb(59 130 246 / 15%);
    --color-info-blue-3b82f6-rgba-20: rgb(59 130 246 / 20%);
    
    --color-gray-4b5563-rgba-20: rgb(75 85 99 / 20%);
    --color-gray-4b5563-rgba-30: rgb(75 85 99 / 30%);
    --color-gray-4b5563-rgba-40: rgb(75 85 99 / 40%);
    --color-gray-4b5563-rgba-60: rgb(75 85 99 / 60%);
    --color-gray-4b5563-rgba-80: rgb(75 85 99 / 80%);
    
    --color-gray-6b7280-rgba-20: rgb(107 114 128 / 20%);
    --color-gray-6b7280-rgba-40: rgb(107 114 128 / 40%);
    --color-gray-6b7280-rgba-60: rgb(107 114 128 / 60%);
    --color-gray-6b7280-rgba-80: rgb(107 114 128 / 80%);
}