/* 
 * Colors CSS - Dark Mode
 * Alle Farbdefinitionen als CSS Custom Properties
 * Diese Datei muss als erste CSS-Datei eingebunden werden
 */

: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%);
    
    /* 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-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-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%);
    
    /* Info Blue RGBA Variants */
    --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-40: rgb(59 130 246 / 40%);
    --color-info-blue-rgba-60: rgb(59 130 246 / 60%);
    --color-info-blue-dark-rgba-05: rgb(37 99 235 / 5%);
    
    /* 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-dark-rgba-10: rgb(220 38 38 / 10%);
    
    /* 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-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%);
    
    /* Gray RGBA Variants */
    --color-gray-rgba-40: rgb(71 85 105 / 40%);
    
    /* 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-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-80: rgb(0 0 0 / 80%);
    
    /* White RGBA Variants */
    --color-white-rgba-03: rgb(255 255 255 / 3%);
    --color-white-rgba-08: rgb(255 255 255 / 8%);
    
    /* 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%);
}