/**
 * RaspiSearch - Zentrale Farbvariablen
 * Alle Farben der Anwendung werden hier definiert
 */

:root {
    /* Hauptfarben */
    --primary-color: #62b267;
    --primary-light: #7d9dd6;
    --primary-dark: #4a6ba8;
    --primary-bg: #e8f0fa;
    
    --secondary-color: #6b7789;
    --secondary-light: #8a92a3;
    --secondary-dark: #525967;
    
    --success-color: #52a788;
    --success-light: #6ec29f;
    --success-dark: #3d8569;
    --success-bg: #e8f5f0;
    
    --warning-color: #d4a84f;
    --warning-light: #e0bb6f;
    --warning-dark: #b88f3e;
    --warning-bg: #faf4e8;
    
    --danger-color: #c86e6e;
    --danger-light: #d68d8d;
    --danger-dark: #a55656;
    --danger-bg: #fae8e8;
    
    --info-color: #6b9bc7;
    --info-light: #8ab2d6;
    --info-dark: #5583ab;
    --info-bg: #e8f2fa;
    
    /* Grautöne */
    --gray-50: #f9fafb;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-800: #1e293b;
    --gray-900: #0f172a;
    
    /* Text-Farben */
    --text-primary: #2d3748;
    --text-secondary: #6b7789;
    --text-muted: #8a92a3;
    --text-light: #a1aab8;
    
    /* Border & Shadow */
    --border-color: #e2e8f0;
    --border-light: #f1f5f9;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    
    /* Hintergrundfarben */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f1f5f9;
    
    /* Code-Farben */
    --code-bg: #1e293b;
    --code-text: #e2e8f0;
    --code-inline-bg: #f1f5f9;
    --code-inline-text: #b85c5c;
    
    /* Status-Farben für Progress Bar */
    --status-ok: #52a788;
    --status-warning: #d4a84f;
    --status-error: #dc4141;
    
    /* Link-Farben */
    --link-color: #5b7fc7;
    --link-hover: #4a6ba8;
    --link-active: #3d5689;
    
    /* Radius & Spacing */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 50%;
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;
}

/* Dark mode support (optional für zukünftige Erweiterung) */
@media (prefers-color-scheme: dark) {
    :root {
        /* Kann später für Dark Mode angepasst werden */
    }
}