/* ========================================
   VALUTORIA LTD - THEME SYSTEM (V2)
   Robust Overrides for Light/Dark Mode
   ======================================== */

:root {
    /* Theme Base (Dark by default) */
    --bg-app: #020617;
    --bg-surface: #0f172a;
    --bg-card: rgba(15, 23, 42, 0.7);
    --bg-glass: rgba(2, 6, 23, 0.95);
    --text-main: #f1f5f9;
    --text-sub: #94a3b8;
    --text-low: #64748b;
    --border-main: rgba(148, 163, 184, 0.12);
    --border-light: rgba(148, 163, 184, 0.08);
}

[data-theme="light"] {
    --bg-app: #f1f5f9;
    --bg-surface: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.8);
    --bg-glass: rgba(255, 255, 255, 0.98);
    --text-main: #0f172a;
    --text-sub: #475569;
    --text-low: #64748b;
    --border-main: rgba(15, 23, 42, 0.12);
    --border-light: rgba(15, 23, 42, 0.08);
}

/* Base Overrides */
[data-theme="light"] body {
    background-color: var(--bg-app) !important;
    color: var(--text-main) !important;
}

[data-theme="light"] .scene-bg {
    background-color: var(--bg-app) !important;
}

[data-theme="light"] section, 
[data-theme="light"] .section,
[data-theme="light"] .comparison-section,
[data-theme="light"] .trust-bar,
[data-theme="light"] .cta-section {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Card Overrides */
[data-theme="light"] .service-card,
[data-theme="light"] .metric-tile,
[data-theme="light"] .industry-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .mini-card,
[data-theme="light"] .mini-chart,
[data-theme="light"] .testimonial-card {
    background: var(--bg-surface) !important;
    border-color: var(--border-main) !important;
    color: var(--text-main) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .service-card p,
[data-theme="light"] .case-desc,
[data-theme="light"] .hero-description,
[data-theme="light"] .section-description {
    color: var(--text-sub) !important;
}

/* Navbar Overrides */
[data-theme="light"] .navbar.scrolled,
[data-theme="light"] .navbar-elite.scrolled {
    background: var(--bg-glass) !important;
    border-bottom: 1px solid var(--border-main) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .nav-link,
[data-theme="light"] .nav-link-elite {
    color: var(--text-sub) !important;
}

[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link-elite:hover {
    color: var(--text-main) !important;
    background: var(--border-light) !important;
}

/* Dropdown Overrides */
[data-theme="light"] .dropdown-menu-elite {
    background: var(--bg-glass) !important;
    border: 1px solid var(--border-main) !important;
}

[data-theme="light"] .dropdown-item-elite {
    color: var(--text-sub) !important;
}

[data-theme="light"] .dropdown-item-elite:hover {
    background: var(--border-light) !important;
    color: var(--text-main) !important;
}

/* Footer Overrides */
[data-theme="light"] .footer {
    background: var(--bg-surface) !important;
    border-top: 1px solid var(--border-main) !important;
}

[data-theme="light"] .footer-bottom {
    border-top: 1px solid var(--border-main) !important;
}

/* Buttons */
[data-theme="light"] .btn-ghost {
    color: var(--text-main) !important;
    border-color: var(--border-main) !important;
}

[data-theme="light"] .btn-ghost:hover {
    background: var(--border-light) !important;
}

/* Section Tag Overrides (Contrast fixes) */
[data-theme="light"] .tag-brand { background: rgba(14, 165, 233, 0.1) !important; }
[data-theme="light"] .tag-accent { background: rgba(167, 139, 250, 0.1) !important; }

/* Theme Toggle Button */
.theme-toggle-btn {
    background: var(--border-light) !important;
    border: 1px solid var(--border-main) !important;
    color: var(--text-sub) !important;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease !important;
    padding: 0;
    margin: 0 10px;
    outline: none;
}

.theme-toggle-btn:hover {
    background: var(--border-main) !important;
    color: var(--text-main) !important;
    transform: translateY(-2px);
}

.theme-toggle-btn i {
    font-size: 16px !important;
}

[data-theme="dark"] .theme-toggle-btn i.fa-sun {
    color: #ffb700 !important;
}

[data-theme="light"] .theme-toggle-btn i.fa-moon {
    color: #1877F2 !important;
}

/* Transitions */
body, .service-card, .navbar, .navbar-elite, .footer, .metric-tile, .industry-card {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}