:root {
    /* Hauptfarben - Oldschool Design 2005 */
    --color-primary: #1a365d;
    --color-secondary: #d4af37;
    --color-background: #f7fafc;
    --color-text: #2d3748;
    --color-accent: #e53e3e;
    
    /* Grautöne */
    --color-gray-50: #f7fafc;
    --color-gray-100: #edf2f7;
    --color-gray-200: #e2e8f0;
    --color-gray-300: #cbd5e0;
    --color-gray-400: #a0aec0;
    --color-gray-500: #718096;
    --color-gray-600: #4a5568;
    --color-gray-700: #2d3748;
    --color-gray-800: #1a202c;
    --color-gray-900: #171923;
    
    /* Status-Farben */
    --color-success: #38a169;
    --color-warning: #d69e2e;
    --color-error: #e53e3e;
    --color-info: #3182ce;
    
    /* Hover-Farben */
    --color-primary-hover: #2c5aa0;
    --color-secondary-hover: #b8941f;
    
    /* Text-Farben */
    --color-text-primary: var(--color-text);
    --color-text-secondary: var(--color-gray-600);
    --color-text-muted: var(--color-gray-500);
    --color-text-inverse: #ffffff;
    
    /* Hintergrund-Farben */
    --color-bg-primary: var(--color-background);
    --color-bg-secondary: #ffffff;
    --color-bg-muted: var(--color-gray-100);
    
    /* Border-Farben */
    --color-border: var(--color-gray-200);
    --color-border-focus: var(--color-primary);
    --color-border-error: var(--color-error);
}