/* Light mode overrides - applied when data-theme="light" on */ [data-theme="light"] { color-scheme: light; } [data-theme="light"] body { background-color: #fafafa !important; color: #171717 !important; } [data-theme="light"] body.bg-\[\#050505\] { --tw-bg-opacity: 1; background-color: #fafafa !important; } /* Selection */ [data-theme="light"] body { --tw-shadow-color: rgba(16, 185, 129, 0.3); } /* Ambient background - lighter in light mode */ [data-theme="light"] .stars { opacity: 0.15; } [data-theme="light"] .bg-grid { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 1px, transparent 1px); } [data-theme="light"] .glow-blob { opacity: 0.4; } /* Shimmer text - dark gradient for light mode */ [data-theme="light"] .text-shimmer { background: linear-gradient(to right, #d97706 20%, #171717 50%, #d97706 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* Navigation */ [data-theme="light"] nav { background-color: rgba(255, 255, 255, 0.9) !important; border-bottom-color: rgba(0, 0, 0, 0.08) !important; } [data-theme="light"] nav .text-white { color: #171717 !important; } [data-theme="light"] nav .text-neutral-400 { color: #525252 !important; } [data-theme="light"] nav a:hover { color: #059669 !important; } [data-theme="light"] nav .bg-white\/5 { background-color: rgba(0, 0, 0, 0.05) !important; } [data-theme="light"] nav .hover\:bg-white\/10:hover { background-color: rgba(0, 0, 0, 0.08) !important; } [data-theme="light"] nav .border-white\/10 { border-color: rgba(0, 0, 0, 0.1) !important; } [data-theme="light"] nav .from-amber-200, [data-theme="light"] nav .to-amber-400 { /* Get Started gradient - darker for light bg */ } /* Mobile menu */ [data-theme="light"] #mobileMenu { background-color: rgba(255, 255, 255, 0.98) !important; border-top-color: rgba(0, 0, 0, 0.08) !important; } [data-theme="light"] #mobileMenu .text-neutral-400 { color: #525252 !important; } [data-theme="light"] #mobileMenu a:hover, [data-theme="light"] #mobileMenu .text-white { color: #171717 !important; } [data-theme="light"] #mobileMenu .bg-white { background-color: #171717 !important; } [data-theme="light"] #mobileMenu .bg-white.text-black { color: #fafafa !important; } /* Theme toggle button */ [data-theme="light"] [data-theme-toggle] { color: #525252 !important; } [data-theme="light"] [data-theme-toggle]:hover { color: #171717 !important; } /* Main content - headings and text */ [data-theme="light"] .text-white { color: #171717 !important; } [data-theme="light"] .text-neutral-400 { color: #525252 !important; } [data-theme="light"] .text-neutral-500 { color: #737373 !important; } [data-theme="light"] .text-neutral-300 { color: #525252 !important; } [data-theme="light"] .text-neutral-600 { color: #404040 !important; } /* Strong text in paragraphs */ [data-theme="light"] strong.text-white { color: #171717 !important; } /* Cards and sections */ [data-theme="light"] .bg-neutral-900\/30, [data-theme="light"] .bg-neutral-900\/40 { background-color: rgba(255, 255, 255, 0.9) !important; border-color: rgba(0, 0, 0, 0.08) !important; } [data-theme="light"] .border-white\/10 { border-color: rgba(0, 0, 0, 0.08) !important; } [data-theme="light"] .border-white\/5 { border-color: rgba(0, 0, 0, 0.05) !important; } [data-theme="light"] .hover\:border-emerald-500\/50:hover, [data-theme="light"] .hover\:border-amber-500\/50:hover, [data-theme="light"] .hover\:border-indigo-500\/50:hover { border-color: rgba(16, 185, 129, 0.4) !important; } [data-theme="light"] .bg-white\/5 { background-color: rgba(0, 0, 0, 0.04) !important; } /* Visualization / code block */ [data-theme="light"] .bg-neutral-900 { background-color: #f5f5f5 !important; } [data-theme="light"] .bg-black\/50 { background-color: rgba(0, 0, 0, 0.04) !important; } [data-theme="light"] .text-neutral-600 { color: #525252 !important; } /* Section backgrounds */ [data-theme="light"] .bg-neutral-950\/50 { background-color: rgba(250, 250, 250, 0.9) !important; } [data-theme="light"] .bg-white\/\[0\.02\] { background-color: rgba(0, 0, 0, 0.02) !important; } /* CTA / Pricing section */ [data-theme="light"] .bg-neutral-900\/40 { background-color: rgba(255, 255, 255, 0.95) !important; } /* Footer */ [data-theme="light"] footer { background-color: #f5f5f5 !important; border-top-color: rgba(0, 0, 0, 0.08) !important; } /* Buttons - Book an AI Audit, Schedule a Demo */ [data-theme="light"] .bg-black { background-color: #171717 !important; } [data-theme="light"] .bg-black .text-white { color: #fafafa !important; } [data-theme="light"] .group-hover\:bg-neutral-900\/80:hover { background-color: rgba(23, 23, 23, 0.9) !important; } [data-theme="light"] .bg-white.text-black { background-color: #171717 !important; color: #fafafa !important; } [data-theme="light"] .bg-white.text-black:hover { background-color: #262626 !important; } /* Step cards / timeline */ [data-theme="light"] .bg-black.border-emerald-500\/50 { background-color: #171717 !important; } [data-theme="light"] .bg-black.border-white\/10 { background-color: #f5f5f5 !important; border-color: rgba(0, 0, 0, 0.1) !important; } [data-theme="light"] .bg-neutral-600 { background-color: #a3a3a3 !important; } /* Connecting line - timeline */ [data-theme="light"] [class*="via-white"] { --tw-gradient-via: rgba(0, 0, 0, 0.1); } /* Badge / pill */ [data-theme="light"] .bg-emerald-500\/10 { background-color: rgba(16, 185, 129, 0.15) !important; } [data-theme="light"] .border-emerald-500\/30 { border-color: rgba(16, 185, 129, 0.4) !important; } [data-theme="light"] .text-emerald-300, [data-theme="light"] .text-emerald-400 { color: #059669 !important; } /* Avatar circles in testimonials */ [data-theme="light"] .bg-emerald-900\/50 { background-color: rgba(16, 185, 129, 0.2) !important; } [data-theme="light"] .border-emerald-500\/20 { border-color: rgba(16, 185, 129, 0.3) !important; } [data-theme="light"] .bg-amber-900\/50 { background-color: rgba(245, 158, 11, 0.2) !important; } [data-theme="light"] .border-amber-500\/20 { border-color: rgba(245, 158, 11, 0.3) !important; } [data-theme="light"] .bg-indigo-900\/50 { background-color: rgba(99, 102, 241, 0.2) !important; } [data-theme="light"] .border-indigo-500\/20 { border-color: rgba(99, 102, 241, 0.3) !important; } /* Blockquote */ [data-theme="light"] blockquote { color: #525252 !important; } /* Prose (blog posts) - override prose-invert for light mode */ [data-theme="light"] .prose-invert { --tw-prose-body: #525252; --tw-prose-headings: #171717; --tw-prose-links: #059669; --tw-prose-bold: #171717; --tw-prose-counters: #737373; --tw-prose-bullets: #737373; --tw-prose-quotes: #171717; } /* Back to Posts link */ [data-theme="light"] a.text-neutral-400:hover { color: #059669 !important; } /* Tag filter buttons - light mode */ [data-theme="light"] .tag-filter-btn { border-color: rgba(0, 0, 0, 0.1) !important; color: #525252 !important; } [data-theme="light"] .tag-filter-btn:hover { border-color: rgba(16, 185, 129, 0.5) !important; color: #171717 !important; background-color: rgba(16, 185, 129, 0.1) !important; } [data-theme="light"] .tag-filter-btn.tag-filter-active, [data-theme="light"] .tag-filter-btn.border-emerald-500\/50 { border-color: rgba(16, 185, 129, 0.5) !important; background-color: rgba(16, 185, 129, 0.15) !important; color: #171717 !important; } /* Transition for theme switch */ body, nav, .text-white, .text-neutral-400, .text-neutral-500, .bg-neutral-900\/30, .border-white\/10 { transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }