/* CSS Custom Properties für Farben */
:root {
    /* Logo-Primärfarben */
    --color-orange: #f39324;
    --color-teal: #1c7a7e;
    
    /* Primärfarben */
    --color-primary: #1a1a1a;
    --color-secondary: #2d2d2d;
    --color-accent: #f39324;
    
    /* Textfarben */
    --color-text: #ffffff;
    --color-text-primary: #ffffff;
    --color-text-secondary: #cccccc;
    --color-text-tertiary: #999999;
    
    /* Hintergrundfarben */
    --color-background: #0d1117;
    --color-bg-card: #161b22;
    --color-bg-hover: #21262d;
    
    /* Sekundärfarben */
    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-info: #1c7a7e;
    
    /* Grautöne */
    --color-light: #f8f9fa;
    --color-dark: #343a40;
    --color-muted: #6c757d;
    
    /* Hover-Farben */
    --color-primary-hover: #1c7a7e;
    --color-secondary-hover: #1e1e1e;
    
    /* Border-Farben */
    --color-border: #444;
    --color-border-light: #666;
    --color-border-accent: #1c7a7e;
    
    /* Schatten */
    --color-shadow: rgba(0, 0, 0, 0.3);
    --color-shadow-light: rgba(0, 0, 0, 0.1);
}