/* === AI-Content Detector ML - CSS Variablen === */
/* Version: 3.1 ML */

:root {
    /* Light Mode (Standard) */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --bg-card: #ffffff;
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-tertiary: #64748b;
    --text-light: #94a3b8;
    --text-inverse: #ffffff;
    --accent-primary: #8b5cf6;
    --accent-secondary: #6366f1;
    --accent-gradient: linear-gradient(135deg, #8b5cf6, #6366f1);
    --border-color: #e2e8f0;
    --border-strong: #cbd5e1;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1);
    --shadow-xl: 0 20px 30px -10px rgba(139,92,246,0.2);
    
    /* ML-spezifische Farben */
    --ml-gpt3: #10a37f;
    --ml-gpt4: #ab68ff;
    --ml-claude: #d97757;
    --ml-gemini: #1a73e8;
    --ml-llama: #fbbf24;
    --ml-other: #8b5cf6;
    
    /* Layout */
    --header-height: 80px;
    --container-width: 1280px;
    --border-radius: 16px;
    --border-radius-sm: 8px;
    --transition: all 0.2s ease;
}

/* Dark Mode - System */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg-primary: #0f172a;
        --bg-secondary: #1e293b;
        --bg-tertiary: #334155;
        --bg-card: #1e293b;
        --text-primary: #f1f5f9;
        --text-secondary: #cbd5e1;
        --text-tertiary: #94a3b8;
        --text-light: #64748b;
        --border-color: #334155;
        --border-strong: #475569;
        --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.5);
    }
}

/* Dark Mode - Manuell */
:root[data-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --bg-card: #1e293b;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-light: #64748b;
    --border-color: #334155;
    --border-strong: #475569;
    --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.5);
}

/* Light Mode - Manuell */
:root[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --bg-card: #ffffff;
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-tertiary: #64748b;
    --text-light: #94a3b8;
    --border-color: #e2e8f0;
    --border-strong: #cbd5e1;
    --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1);
}