/* app/static/css/variables.css */

:root {
    /* --- DIMENSIONS --- */
    --nav-height: 100px; /* Hier die Höhe der Navbar zentral steuern */

    /* --- LIGHT MODE (Standard) --- */
    --bg-body: #f4f6f8;
    --bg-card: #ffffff;
    --bg-navbar: #ffffff;
    --bg-input: #ffffff;
    --bg-secondary: #e9ecef; /* Für Hover, Badges etc. */
    
    --text-main: #333333;
    --text-muted: #666666;
    --text-inverse: #ffffff; /* Text auf Buttons etc. */
    
    --border-color: #e0e0e0;
    --shadow-color: rgba(0, 0, 0, 0.1);
    
    --color-primary: #007bff;
    --color-primary-hover: #0056b3;
    
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    
    /* Spezielle Gradients */
    --hero-gradient: linear-gradient(145deg, #ffffff, #f0f0f0);
    --ip-display-bg: #f8f9fa;
    --ip-text-gradient: linear-gradient(145deg, #007bff, #0056b3);
}

[data-theme="dark"] {
    /* --- DARK MODE (Overrides) --- */
    --bg-body: #181818;
    --bg-card: #1f1f1f;
    --bg-navbar: #282828;
    --bg-input: #181818;
    --bg-secondary: #2d2d2d;
    
    --text-main: #dcdcdc;
    --text-muted: #909090;
    --text-inverse: #ffffff;
    
    --border-color: rgba(255, 255, 255, 0.1);
    --shadow-color: rgba(0, 0, 0, 0.3);
    
    --color-primary: #00a0ff;
    --color-primary-hover: #0088cc;
    
    /* Status Farben etwas gedämpfter für Dark Mode */
    --color-success: #2ea043;
    --color-danger: #da3633;
    --color-warning: #d29922;
    
    --hero-gradient: linear-gradient(145deg, #2c2c2c, #1a1a1a);
    --ip-display-bg: #181818;
    --ip-text-gradient: linear-gradient(145deg, #00a0ff, #ffffff);
}