/* ========================================================================== Swift Traders INC — Dark Mode Overrides Activated via [data-theme="dark"] on the element ========================================================================== */ [data-theme="dark"] { --bg-body: #0a1220; --bg-surface: #111b2e; --bg-surface-alt: #0e1728; --bg-header: rgba(10, 18, 32, 0.82); --text-primary: #e7eef9; --text-secondary: #9aa9c0; --border-color: #223454; --accent: #5b9be0; --accent-strong: #8cc0f2; --accent-soft: rgba(91, 155, 224, 0.14); --glass-bg: rgba(17, 27, 46, 0.55); --glass-border: rgba(255, 255, 255, 0.08); --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3); --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4); --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.5); } [data-theme="dark"] .hero { background: #0a1628; } [data-theme="dark"] .btn-secondary { color: var(--accent-strong); } [data-theme="dark"] .btn-secondary:hover { background: var(--accent-soft); } [data-theme="dark"] .process-step .step-num { color: rgba(91, 155, 224, 0.12); -webkit-text-stroke: 1.5px var(--blue-400); } [data-theme="dark"] .team-avatar { background: linear-gradient(135deg, #16233c, #0e1728); } [data-theme="dark"] .form-success { background: linear-gradient(135deg, rgba(20, 108, 58, 0.18), rgba(20, 108, 58, 0.08)); border-color: rgba(166, 227, 192, 0.25); color: #7fe0ab; } [data-theme="dark"] .newsletter-form input { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.1); } [data-theme="dark"] .cookie-banner.glass-panel { background: rgba(17, 27, 46, 0.85); } [data-theme="dark"] .loader { background: #060b15; } [data-theme="dark"] .site-footer { background: #060b15; } [data-theme="dark"] ::selection { background: var(--blue-500); color: var(--white); } /* Smooth cross-theme transition for surfaces */ body, .site-header, .feature-card, .accordion-item, .process-step, .contact-info-item, .form-group input, .form-group textarea, .form-group select { transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base); }