/* ─── LIGHT MODE ─────────────────────────────────────────────────── Applied when is set via theme-toggle.js. Overrides the Night Network dark tokens with a clean, light palette. ─────────────────────────────────────────────────────────────────── */ html.light { color-scheme: light; --black: #f0f1fb; --deep: #e6e8f8; --card: #ffffff; --text: #0e1022; --muted: #505878; --white: #0e1022; } html.light body { background: #f0f1fb; color: #0e1022; } /* NAV */ html.light nav { background: rgba(240,241,251,.8) !important; border-color: rgba(0,0,0,.1) !important; box-shadow: 0 4px 24px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.7) !important; } html.light .nav-links a { color: var(--muted) !important; } html.light .nav-links a:hover { color: #0e1022 !important; } html.light .btn-primary { background: #0e1022 !important; color: #fff !important; } html.light .btn-ghost { border-color: rgba(0,0,0,.2) !important; color: #0e1022 !important; } html.light .btn-ghost:hover { background: rgba(0,0,0,.06) !important; } /* HERO BACKGROUNDS */ html.light #hero { background: linear-gradient(160deg, #ccc0ff 0%, #a8c0ff 45%, #f0f1fb 100%) !important; } html.light .hero-content h1, html.light h1.headline em { color: #0e1022 !important; } /* SECTIONS & CARDS */ html.light section { background: transparent; } html.light .division-card, html.light .package-card, html.light .scroll-stack-card, html.light .usp-card, html.light .testi-card, html.light .audience-card, html.light .network-card, html.light .about-card-main, html.light #cta-banner { background: #ffffff !important; border-color: rgba(0,0,0,.09) !important; } html.light .package-visual { background: linear-gradient(135deg, rgba(100,80,200,.12), rgba(200,200,230,.3)) !important; } html.light h1, html.light h2, html.light h3 { color: #0e1022; } html.light p, html.light li { color: var(--muted); } html.light .tag { color: var(--muted) !important; } /* LOGO TEXT */ html.light .logo { color: #0e1022 !important; } html.light .logo-sub { color: rgba(0,0,0,.4) !important; } /* FOOTER */ html.light footer { background: #e4e6f8 !important; border-top-color: rgba(0,0,0,.08) !important; } html.light .footer-bottom { border-top-color: rgba(0,0,0,.08) !important; color: var(--muted) !important; } html.light .footer-col h5 { color: #0e1022 !important; } html.light .footer-col ul li a, html.light .contact-entry a, html.light .footer-links a { color: var(--muted) !important; } html.light .footer-col ul li a:hover, html.light .contact-entry a:hover, html.light .footer-links a:hover { color: #0e1022 !important; } /* BG GLOW (Legal pages etc) */ html.light .bg-glow { opacity: 0.3; } /* THEME TOGGLE BUTTON */ .theme-toggle-btn { background: none; border: none; cursor: pointer; color: var(--muted); padding: 4px; display: inline-flex; align-items: center; transition: color .2s, opacity .2s; line-height: 1; flex-shrink: 0; } .theme-toggle-btn:hover { color: var(--white); } .theme-toggle-btn svg { width: 15px; height: 15px; display: block; }