/* Light mode overrides Only applied when is present */ body.theme-light { background: radial-gradient(circle at top, #f9fafb 0, #e5e7eb 40%, #d1d5db 100%); color: #111827; } /* Overlay tweaks if needed */ body.theme-light .background-overlay { background: radial-gradient(circle at top, rgba(59, 130, 246, 0.12), rgba(15, 23, 42, 0.35)); } /* Header / nav */ body.theme-light header { background: linear-gradient(to bottom, rgba(249, 250, 251, 0.95), rgba(243, 244, 246, 0.9)); border-bottom: 1px solid rgba(209, 213, 219, 0.8); backdrop-filter: blur(16px); } body.theme-light .logo-text-main { color: #111827; } body.theme-light .nav-links a { color: #4b5563; } body.theme-light .nav-links a.active { color: #111827; } body.theme-light .nav-cta { background: linear-gradient(135deg, #0ea5e9, #6366f1); color: #f9fafb; } /* Badges & small pills */ body.theme-light .badge { background: rgba(15, 23, 42, 0.06); color: #111827; border-color: rgba(156, 163, 175, 0.9); } body.theme-light .hero-badge { background: rgba(59, 130, 246, 0.1); color: #1f2933; } /* Hero title / text */ body.theme-light .hero-title { color: #020617; } body.theme-light .hero-title span { background: linear-gradient(135deg, #2563eb, #7c3aed); -webkit-background-clip: text; color: transparent; } body.theme-light .hero-tagline, body.theme-light .hero-desc, body.theme-light .section-subtitle { color: #4b5563; } /* Cards (project cards, side cards, etc.) */ body.theme-light .card, body.theme-light .service-card { background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(209, 213, 219, 0.9); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06); } body.theme-light .service-title, body.theme-light .card-subtitle { color: #111827; } body.theme-light .service-subtitle { color: #4b5563; } body.theme-light .service-list li { color: #4b5563; } /* Code screen panel */ body.theme-light .code-screen { background: radial-gradient(circle at top left, #e5e7eb, #d1d5db); border: 1px solid rgba(148, 163, 184, 0.9); } body.theme-light .code-screen-title { color: #111827; } body.theme-light .code-screen-caption { color: #4b5563; } /* Mini-game card */ body.theme-light .mini-game-card { background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(209, 213, 219, 0.9); } /* Footer */ body.theme-light footer { background: linear-gradient(to top, #e5e7eb, #f9fafb); color: #4b5563; } body.theme-light .footer-links a { color: #1f2937; } /* Hero experience & visits boxes */ body.theme-light .hero-experience-box, body.theme-light .hero-visits-box { background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.08), rgba(255, 255, 255, 0.98)); border-color: rgba(129, 140, 248, 0.8); color: #111827; } body.theme-light .hero-experience-kicker { color: #4f46e5; } body.theme-light .hero-visits-kicker { color: #059669; } body.theme-light .hero-experience-lines { color: #4b5563; } body.theme-light .hero-visits-lines { color: #047857; } /* Buttons */ body.theme-light .btn-primary { background: linear-gradient(135deg, #2563eb, #7c3aed); color: #f9fafb; border-color: transparent; } body.theme-light .btn-secondary { background: rgba(15, 23, 42, 0.03); border-color: rgba(148, 163, 184, 0.7); color: #111827; } /* Floating CTA */ body.theme-light .floating-cta { background: linear-gradient(135deg, #22c55e, #14b8a6); color: #ecfdf5; }