/* ============================================================
   TURBOMOTIVE24 - CLEAN SINGLE ACCENT LIQUID GLASS SYSTEM
   ============================================================ */
:root {
    --accent-red: #e60026;
    --bubble-color: #e60026;
    --accent-glow: rgba(230, 0, 38, 0.35);
    
    --glass-bg: rgba(255, 255, 255, 0.42);
    --glass-border: rgba(255, 255, 255, 0.65);
    --glass-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    --glass-blur: blur(28px) saturate(200%);
    
    --bg-body: #f3f4f8;
    --bg-card: rgba(255, 255, 255, 0.75);
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --border-color: rgba(0, 0, 0, 0.08);
    --nav-bottom-bg: rgba(255, 255, 255, 0.48);
    --accent-green: #10b981;
    --shadow-sm: 0 4px 12px rgba(0,0,0,0.05);
    --transition-smooth: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    --logo-brightness: 0.2;
}

[data-theme="dark"] {
    --glass-bg: rgba(15, 18, 28, 0.55);
    --glass-border: rgba(255, 255, 255, 0.14);
    --glass-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.18);
    
    --bg-body: #06080e;
    --bg-card: rgba(18, 22, 34, 0.65);
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --border-color: rgba(255, 255, 255, 0.08);
    --nav-bottom-bg: rgba(15, 18, 28, 0.55);
    --logo-brightness: 1;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; max-width: 100vw; overflow-x: hidden; scroll-behavior: smooth; }
body { background-color: var(--bg-body); color: var(--text-primary); font-family: 'Inter', sans-serif; transition: background-color 0.4s ease, color 0.4s ease; padding-bottom: 30px; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-body); }
::-webkit-scrollbar-thumb { background: var(--accent-red); border-radius: 3px; }

header, .mobile-bottom-nav, .modal-card, .dashboard-panel, .chat-widget-window {
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
}

.app-page { width: 100%; min-height: 85vh; box-sizing: border-box; }

/* SOLID ACCENT BUTTONS, BUBBLES & TEXT */
.btn-primary {
    background: var(--accent-red) !important;
    border: none;
    color: #ffffff !important;
    box-shadow: 0 4px 18px var(--accent-glow);
    transition: var(--transition-smooth);
}

.btn-primary:hover {
    box-shadow: 0 6px 24px var(--accent-glow);
    transform: translateY(-2px);
}

.nav-indicator-desktop,
.nav-indicator-mobile {
    background: var(--bubble-color) !important;
    box-shadow: 0 6px 20px var(--accent-glow) !important;
}

.logo-text-nav span {
    color: var(--accent-red);
    transition: color 0.3s ease;
}

.summary-val,
.car-price {
    color: var(--accent-red);
}