/* CSS Custom Properties für Farben */
:root {
    /* Logo-Primärfarben */
    --color-orange: #f39324;
    --color-teal: #1c7a7e;
    
    /* Primärfarben (für Dark Mode) */
    --color-primary: #3b82f6;
    --color-secondary: #2d2d2d;
    --color-accent: #f39324;
    
    /* Textfarben (Dark Mode optimiert) */
    --color-text: #e8eaed;
    --color-text-primary: #e8eaed;
    --color-text-secondary: #b4b8bd;
    --color-text-tertiary: #8b92a0;
    
    /* Hintergrundfarben (Dark Mode) */
    --color-background: #0f1419;
    --color-dark-bg: #0f1419;
    --color-dark-surface: #1a1f2e;
    --color-bg-card: #161b22;
    --color-bg-hover: #21262d;
    
    /* Sekundärfarben */
    --color-success: #10b981;
    --color-warning: #fbbf24;
    --color-danger: #ef4444;
    --color-info: #1c7a7e;
    
    /* Grautöne */
    --color-light: #f8f9fa;
    --color-dark: #343a40;
    --color-muted: #6c757d;
    
    /* Hover-Farben */
    --color-primary-hover: #2563eb;
    --color-secondary-hover: #1e1e1e;
    
    /* Border-Farben */
    --color-border: #444;
    --color-border-light: #666;
    --color-border-accent: #3b82f6;
    
    /* Schatten */
    --color-shadow: rgba(0, 0, 0, 0.3);
    --color-shadow-light: rgba(0, 0, 0, 0.1);
}