/* ========================================================================== LÊ TUÂN ADS - DARK THEME OVERRIDES Activates with class .dark-theme on or ========================================================================== */ body.dark-theme { /* Dark Theme Surface Colors */ --bg-body: #0A0C10; --bg-surface: #0F1218; --bg-card: #151821; --bg-subtle: #1C212C; --border-color: rgba(255, 255, 255, 0.09); --border-light: rgba(255, 255, 255, 0.05); /* Text Colors */ --text-main: #F8FAFC; --text-muted: #94A3B8; --text-light: #64748B; /* Primary in Dark Mode */ --primary-light: rgba(240, 78, 35, 0.15); --primary-glow: rgba(240, 78, 35, 0.35); /* Shadows */ --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35); --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.45); --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.6); } /* Header in Dark Mode */ body.dark-theme .site-header { background: rgba(10, 12, 16, 0.92); border-bottom: 1px solid rgba(255, 255, 255, 0.08); } /* Nav Dropdown in Dark Mode */ body.dark-theme .nav-dropdown { background: #151821; border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7); } body.dark-theme .dropdown-item:hover { background: rgba(240, 78, 35, 0.18); } /* Hero Section in Dark Mode */ body.dark-theme .hero-section { background: radial-gradient(circle at top right, rgba(240, 78, 35, 0.12), transparent 50%), radial-gradient(circle at bottom left, rgba(255, 115, 71, 0.08), transparent 45%); } body.dark-theme .hero-card-main { background: #151821; border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6); } body.dark-theme .floating-badge { background: #1A1E2A; border-color: rgba(255, 255, 255, 0.12); } /* Bento Card in Dark Mode */ body.dark-theme .bento-card { background: #151821; border-color: rgba(255, 255, 255, 0.08); } body.dark-theme .bento-card:hover { border-color: rgba(240, 78, 35, 0.6); box-shadow: 0 15px 35px rgba(240, 78, 35, 0.18); } /* Process & Pricing in Dark Mode */ body.dark-theme .process-step, body.dark-theme .pricing-card, body.dark-theme .counter-card, body.dark-theme .case-card, body.dark-theme .faq-item { background: #151821; border-color: rgba(255, 255, 255, 0.08); } body.dark-theme .pricing-card.popular { border-color: var(--primary); background: linear-gradient(180deg, #1A1E2B 0%, #151821 100%); box-shadow: 0 15px 40px rgba(240, 78, 35, 0.25); } /* Buttons in Dark Mode */ body.dark-theme .btn-outline { border-color: rgba(255, 255, 255, 0.15); color: #F8FAFC; } body.dark-theme .btn-outline:hover { border-color: var(--primary); color: var(--primary); background: rgba(240, 78, 35, 0.15); } /* Mobile Drawer in Dark Mode */ body.dark-theme .mobile-drawer { background: #12151D; }