/* Theme – orientiert an dassollneuesdesingsein (Dark + Orange) – Milchglas + Parallax */
:root {
    --bg-app: #0b0c10;
    --bg-glass: rgba(20, 20, 28, 0.55);
    --bg-glass-strong: rgba(18, 18, 24, 0.78);
    --bg-panel: rgba(255, 255, 255, 0.03);
    --bg-card: rgba(28, 28, 35, 0.6);

    --text-primary: #ecf0f1;
    --text-secondary: #95a5a6;
    --text-muted: #5e686d;

    --border-glass: rgba(255, 255, 255, 0.08);
    --border-glass-hover: rgba(255, 255, 255, 0.18);

    --accent: #f2994a;
    --accent-cyan: #ff8c00;
    --accent-magenta: #ff4500;
    --accent-purple: #ffb300;
    --accent-green: #ffae00;

    --glow-cyan: rgba(255, 140, 0, 0.3);
    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.35);
    --nav-item-hover: rgba(255, 255, 255, 0.05);
    --blur-strength: 16px;
    --blur-strength-strong: 24px;
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 72px;
    --topbar-height: 60px;
}

[data-theme="light"] {
    --bg-app: #f0f3f8;
    --bg-glass: rgba(255, 255, 255, 0.75);
    --bg-glass-strong: rgba(255, 255, 255, 0.9);
    --bg-panel: rgba(255, 255, 255, 0.5);
    --bg-card: #fff;
    --text-primary: #2c3e50;
    --text-secondary: #7f8c8d;
    --border-glass: rgba(0, 0, 0, 0.06);
    --border-glass-hover: rgba(0, 0, 0, 0.1);
    --shadow-glass: 0 4px 20px rgba(0, 0, 0, 0.05);
    --nav-item-hover: rgba(0, 0, 0, 0.03);
}