/* ===================================================== Pulsar67 — Light Mode Overrides Layered on top of style.css. Applies when is set. ===================================================== */ [data-theme="light"] { --p67-primary: #685acc; --p67-primary-2: #5849bf; --p67-primary-dark: #4f43a8; --p67-primary-soft: rgba(104, 90, 204, 0.08); --p67-primary-glow: rgba(104, 90, 204, 0.28); --p67-bg: #fafaff; --p67-bg-2: #f4f2fc; --p67-bg-3: #ebe7f7; --p67-surface: #ffffff; --p67-surface-2: #f7f5fe; --p67-border: rgba(104, 90, 204, 0.15); --p67-border-strong: rgba(104, 90, 204, 0.32); --p67-text: #1a1640; --p67-text-muted: #5d5a85; --p67-text-dim: #9692b8; --p67-shadow-soft: 0 8px 32px rgba(26, 22, 64, 0.08); --p67-shadow-glow: 0 12px 40px rgba(104, 90, 204, 0.22); } /* ---------- Body / base ---------- */ [data-theme="light"] body { background: var(--p67-bg); color: var(--p67-text); } [data-theme="light"] a:hover { color: var(--p67-primary-dark); } /* ---------- Navbar ---------- */ [data-theme="light"] .p67-navbar.p67-navbar-scrolled { background: rgba(255, 255, 255, 0.85); backdrop-filter: saturate(180%) blur(14px); -webkit-backdrop-filter: saturate(180%) blur(14px); border-bottom-color: var(--p67-border); box-shadow: 0 4px 20px rgba(26, 22, 64, 0.06); } [data-theme="light"] .p67-navbar .nav-link { color: var(--p67-text-muted); } [data-theme="light"] .p67-navbar .nav-link:hover { color: var(--p67-text); } [data-theme="light"] .p67-toggler { color: var(--p67-text); } /* ---------- Hero ---------- */ [data-theme="light"] .p67-hero { background: radial-gradient(ellipse at 80% 20%, rgba(104, 90, 204, 0.14), transparent 60%), radial-gradient(ellipse at 10% 90%, rgba(139, 128, 216, 0.12), transparent 55%), linear-gradient(180deg, var(--p67-bg) 0%, var(--p67-bg-2) 100%); } [data-theme="light"] .p67-hero-glow { background: radial-gradient(circle, rgba(104, 90, 204, 0.18) 0%, transparent 65%); } /* Starfield: hide stars, replace with subtle dot grid */ [data-theme="light"] .p67-starfield { opacity: 0; } [data-theme="light"] .p67-hero::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(104, 90, 204, 0.18) 1px, transparent 1px); background-size: 28px 28px; mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%); pointer-events: none; z-index: 0; } [data-theme="light"] .p67-eyebrow { background: var(--p67-primary-soft); border-color: var(--p67-border); color: var(--p67-primary-dark); } [data-theme="light"] .p67-hero-sub { color: var(--p67-text-muted); } [data-theme="light"] .p67-hero-stats strong { color: var(--p67-text); } [data-theme="light"] .p67-hero-stats span { color: var(--p67-text-muted); } [data-theme="light"] .p67-hero-stats-divider { background: var(--p67-border-strong); } /* Gradient text stays purple-toned — already reads on light */ [data-theme="light"] .p67-gradient-text { background: linear-gradient(120deg, var(--p67-primary) 0%, var(--p67-primary-dark) 50%, var(--p67-primary) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } /* ---------- Pulsar — keep it as a "window to space" ---------- */ [data-theme="light"] .p67-pulsar { background: radial-gradient(circle at center, #0f0d22 0%, #0f0d22 55%, rgba(15, 13, 34, 0.6) 70%, transparent 85%); border-radius: 50%; filter: drop-shadow(0 20px 50px rgba(104, 90, 204, 0.35)); } /* ---------- Buttons ---------- */ [data-theme="light"] .p67-btn-ghost { color: var(--p67-text); border-color: var(--p67-border-strong); } [data-theme="light"] .p67-btn-ghost:hover { color: var(--p67-primary-dark); background: var(--p67-primary-soft); border-color: var(--p67-primary); } /* ---------- Sections ---------- */ [data-theme="light"] .p67-section-alt { background: linear-gradient(180deg, var(--p67-bg-2) 0%, var(--p67-surface) 100%); } [data-theme="light"] .p67-section-sub { color: var(--p67-text-muted); } /* ---------- Cards (features, plans, locations, stats) ---------- */ [data-theme="light"] .p67-feature, [data-theme="light"] .p67-plan, [data-theme="light"] .p67-location, [data-theme="light"] .p67-stat-card { background: var(--p67-surface); border-color: var(--p67-border); box-shadow: 0 4px 16px rgba(26, 22, 64, 0.05); } [data-theme="light"] .p67-feature:hover, [data-theme="light"] .p67-plan:hover, [data-theme="light"] .p67-location:hover { border-color: var(--p67-border-strong); box-shadow: 0 12px 32px rgba(104, 90, 204, 0.18); } [data-theme="light"] .p67-feature p, [data-theme="light"] .p67-plan-tagline, [data-theme="light"] .p67-plan-period, [data-theme="light"] .p67-plan-currency, [data-theme="light"] .p67-location-meta, [data-theme="light"] .p67-stat-label { color: var(--p67-text-muted); } [data-theme="light"] .p67-feature h3, [data-theme="light"] .p67-plan-name, [data-theme="light"] .p67-plan-amount, [data-theme="light"] .p67-location-name { color: var(--p67-text); } [data-theme="light"] .p67-plan-specs li { color: var(--p67-text); border-bottom-color: var(--p67-border); } /* Featured plan — slight tinted background */ [data-theme="light"] .p67-plan-featured { background: linear-gradient(180deg, #f3f0fd 0%, var(--p67-surface) 100%); border-color: var(--p67-primary); box-shadow: 0 20px 60px rgba(104, 90, 204, 0.22), 0 0 0 1px var(--p67-primary); } /* Stat number gradient — use primary tones instead of white */ [data-theme="light"] .p67-stat-num { background: linear-gradient(120deg, var(--p67-primary-dark) 0%, var(--p67-primary) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } /* ---------- About checklist ---------- */ [data-theme="light"] .p67-checklist li { color: var(--p67-text); } [data-theme="light"] .p67-checklist i { color: var(--p67-primary); } /* ---------- CTA section ---------- */ [data-theme="light"] .p67-cta-section { background: var(--p67-bg); } [data-theme="light"] .p67-cta-card { background: linear-gradient(135deg, #ffffff 0%, #f3f0fd 100%); border-color: var(--p67-border-strong); box-shadow: 0 20px 60px rgba(104, 90, 204, 0.18); } [data-theme="light"] .p67-cta-card h2 { color: var(--p67-text); } [data-theme="light"] .p67-cta-card p { color: var(--p67-text-muted); } [data-theme="light"] .p67-cta-glow { background: radial-gradient(circle, rgba(104, 90, 204, 0.35) 0%, transparent 60%); } /* ---------- Footer ---------- */ [data-theme="light"] .p67-footer { background: var(--p67-bg-2); border-top-color: var(--p67-border); color: var(--p67-text-muted); } [data-theme="light"] .p67-footer-top { border-bottom-color: var(--p67-border); } [data-theme="light"] .p67-footer-title { color: var(--p67-text); } [data-theme="light"] .p67-footer-list a { color: var(--p67-text-muted); } [data-theme="light"] .p67-footer-list a:hover { color: var(--p67-primary-dark); } [data-theme="light"] .p67-social a { background: var(--p67-surface); border-color: var(--p67-border); color: var(--p67-text-muted); box-shadow: 0 2px 8px rgba(26, 22, 64, 0.05); } [data-theme="light"] .p67-social a:hover { color: #fff; background: var(--p67-primary); border-color: var(--p67-primary); } [data-theme="light"] .p67-footer-bottom a { color: var(--p67-text-muted); } [data-theme="light"] .p67-footer-bottom a:hover { color: var(--p67-primary-dark); } /* ---------- Mobile navbar background ---------- */ @media (max-width: 991.98px) { [data-theme="light"] .p67-navbar, [data-theme="light"] .p67-navbar.p67-navbar-scrolled { background: rgba(255, 255, 255, 0.95); border-bottom-color: var(--p67-border); } }