/* ═══════════════════════════════════════════════════════════════ CARDINAL AI — LIGHT THEME OVERRIDES Applies ONLY when . Dark mode appearance is untouched (this file is inert in dark). Palette: bg #F7F5EF | primary emerald #046B3E | accent gold #D4AF37 Loaded last so it can beat the !important dark overrides. ═══════════════════════════════════════════════════════════════ */ html[data-theme='light'], html[data-theme='light'] body { --color-bg: #F7F5EF !important; --color-surface: #FFFFFF !important; --color-surface-2: #F0EDE5 !important; --color-surface-offset: #E6E2D8 !important; --color-border: #D4CFC2 !important; --color-divider: #DDD9CE !important; --color-text: #0A0F2C !important; --color-text-muted: #4A5540 !important; --color-text-faint: #8A9080 !important; --color-text-inverse: #FFFFFF !important; --color-primary: #046B3E !important; --color-primary-hover: #035A34 !important; --color-primary-active: #024828 !important; --color-primary-light: #E0F2EA !important; --color-accent: #D4AF37 !important; --color-accent-hover: #B8962E !important; --color-accent-active: #9A7D26 !important; --color-accent-light: #FBF5DC !important; --color-success: #046B3E !important; --color-success-light: #E0F2EA !important; --color-error: #B5262A !important; --color-error-light: #FBE8E8 !important; --shadow-sm: 0 1px 3px rgba(10, 15, 44, 0.08), 0 1px 2px rgba(10, 15, 44, 0.06) !important; --shadow-md: 0 4px 16px rgba(10, 15, 44, 0.10), 0 2px 6px rgba(10, 15, 44, 0.06) !important; --shadow-lg: 0 16px 48px rgba(10, 15, 44, 0.14), 0 6px 16px rgba(10, 15, 44, 0.08) !important; --shadow-xl: 0 32px 80px rgba(10, 15, 44, 0.18), 0 12px 32px rgba(10, 15, 44, 0.10) !important; } /* ── PAGE BASE ── */ html[data-theme='light'] body { background: #F7F5EF !important; color: #0A0F2C !important; } /* ── NAV ── */ html[data-theme='light'] .site-nav { background: rgba(247, 245, 239, 0.92) !important; border-bottom: 1px solid rgba(4, 107, 62, 0.12) !important; } html[data-theme='light'] .nav-logo-wordmark { color: #0A0F2C !important; } html[data-theme='light'] .nav-links a { color: rgba(10, 15, 44, 0.65) !important; } html[data-theme='light'] .nav-links a:hover { color: #046B3E !important; } html[data-theme='light'] .nav-hamburger span { background: #0A0F2C !important; } html[data-theme='light'] .theme-toggle { color: #0A0F2C !important; } html[data-theme='light'] .nav-cta-desktop.btn, html[data-theme='light'] .nav-cta-desktop .btn, html[data-theme='light'] .site-nav .btn--primary { background: #046B3E !important; color: #FFFFFF !important; } html[data-theme='light'] .nav-cta-desktop.btn:hover, html[data-theme='light'] .site-nav .btn--primary:hover { background: #035A34 !important; } html[data-theme='light'] .nav-mobile { background: #FFFFFF !important; border-color: rgba(10, 15, 44, 0.10) !important; } html[data-theme='light'] .nav-mobile a { color: #0A0F2C !important; } /* ── HERO ── */ html[data-theme='light'] .hero { background: #F7F5EF !important; } html[data-theme='light'] .hero-bg-gradient { background: radial-gradient(ellipse 55% 65% at 85% 10%, rgba(4, 107, 62, 0.16) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 15% 85%, rgba(212, 175, 55, 0.12) 0%, transparent 55%), linear-gradient(180deg, #F7F5EF 0%, #F7F5EF 100%) !important; } html[data-theme='light'] .hero-bg-grid { opacity: 0.10 !important; background-image: linear-gradient(rgba(4, 107, 62, 0.5) 1px, transparent 1px), linear-gradient(90deg, rgba(4, 107, 62, 0.5) 1px, transparent 1px) !important; } html[data-theme='light'] .hero-eyebrow { color: #8A6D14 !important; background: rgba(212, 175, 55, 0.14) !important; border-color: rgba(212, 175, 55, 0.38) !important; } html[data-theme='light'] .hero-eyebrow-dot { background: #D4AF37 !important; } html[data-theme='light'] .hero-headline { color: #0A0F2C !important; } html[data-theme='light'] .hero-headline-accent { color: #046B3E !important; } html[data-theme='light'] .hero-subheadline { color: #0A0F2C !important; } html[data-theme='light'] .hero-body { color: rgba(10, 15, 44, 0.72) !important; } html[data-theme='light'] .hero-trust { color: rgba(10, 15, 44, 0.5) !important; } html[data-theme='light'] .hero .btn--primary { background: #046B3E !important; color: #FFFFFF !important; border-color: rgba(212, 175, 55, 0.5) !important; box-shadow: 0 8px 24px rgba(4, 107, 62, 0.22) !important; animation: none !important; } html[data-theme='light'] .hero .btn--primary:hover { background: #035A34 !important; } html[data-theme='light'] .hero .btn--outline { color: #046B3E !important; } html[data-theme='light'] .hero .btn--outline:hover { color: #024828 !important; } /* ── DASHBOARD CARD (stays dark-on-light for contrast of live data) ── */ html[data-theme='light'] .dashboard-card { background: #FFFFFF !important; border: 1px solid rgba(10, 15, 44, 0.10) !important; box-shadow: 0 24px 60px rgba(10, 15, 44, 0.14) !important; } html[data-theme='light'] .dashboard-title { color: rgba(10, 15, 44, 0.55) !important; } html[data-theme='light'] .dashboard-badge { background: rgba(4, 107, 62, 0.12) !important; color: #046B3E !important; } html[data-theme='light'] .score-ring-bg { stroke: rgba(10, 15, 44, 0.10) !important; } html[data-theme='light'] .score-ring-container { filter: none !important; } html[data-theme='light'] .score-number { color: #0A0F2C !important; } html[data-theme='light'] .score-label { color: rgba(10, 15, 44, 0.5) !important; } html[data-theme='light'] .score-detail-val { color: #8A6D14 !important; } html[data-theme='light'] .score-detail-val.positive { color: #046B3E !important; } html[data-theme='light'] .score-detail-val.negative { color: #B5262A !important; } html[data-theme='light'] .score-detail-label { color: rgba(10, 15, 44, 0.55) !important; } html[data-theme='light'] .dash-stat-val { color: #8A6D14 !important; } html[data-theme='light'] .dash-stat-key { color: #046B3E !important; } html[data-theme='light'] .dash-signal--buy { background: rgba(4, 107, 62, 0.10) !important; color: #046B3E !important; border-color: rgba(4, 107, 62, 0.28) !important; } html[data-theme='light'] .dash-signal--avoid { background: rgba(181, 38, 42, 0.10) !important; color: #8A1D20 !important; border-color: rgba(181, 38, 42, 0.28) !important; } html[data-theme='light'] .mini-bar { background: rgba(10, 15, 44, 0.08) !important; } html[data-theme='light'] .mini-bar.active { background: #D4AF37 !important; } html[data-theme='light'] .mini-bar-label { color: rgba(10, 15, 44, 0.45) !important; } html[data-theme='light'] .hero-float-badge { background: #FFFFFF !important; border-color: rgba(10, 15, 44, 0.10) !important; } html[data-theme='light'] .float-badge-val { color: #8A6D14 !important; } html[data-theme='light'] .float-badge-sub { color: rgba(10, 15, 44, 0.5) !important; } /* ── STATS BAR ── */ html[data-theme='light'] .stats-bar { background: #F0EDE5 !important; border-top: 1px solid rgba(4, 107, 62, 0.12) !important; border-bottom: 1px solid rgba(4, 107, 62, 0.12) !important; } html[data-theme='light'] .stat-number, html[data-theme='light'] .stat-number span { color: #8A6D14 !important; } html[data-theme='light'] .stat-label { color: #046B3E !important; } /* ── SECTIONS ── */ html[data-theme='light'] .how-it-works, html[data-theme='light'] .audience-section, html[data-theme='light'] .pricing-section { background: #F7F5EF !important; } html[data-theme='light'] .how-it-works::before { background-image: linear-gradient(rgba(4, 107, 62, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(4, 107, 62, 0.05) 1px, transparent 1px) !important; } html[data-theme='light'] .section-title { color: #046B3E !important; } html[data-theme='light'] .section-eyebrow { color: #8A6D14 !important; } html[data-theme='light'] .section-subtitle { color: rgba(10, 15, 44, 0.7) !important; } html[data-theme='light'] .step-card { background: #FFFFFF !important; border-color: rgba(10, 15, 44, 0.08) !important; } html[data-theme='light'] .step-card:hover { border-color: rgba(212, 175, 55, 0.5) !important; box-shadow: 0 12px 32px rgba(10, 15, 44, 0.10) !important; } html[data-theme='light'] .step-title { color: #046B3E !important; } html[data-theme='light'] .step-desc { color: rgba(10, 15, 44, 0.72) !important; } html[data-theme='light'] .step-number--1 { background: #046B3E !important; color: #FFFFFF !important; box-shadow: none !important; } html[data-theme='light'] .step-number--2, html[data-theme='light'] .step-number--3 { color: #8A6D14 !important; border-color: rgba(212, 175, 55, 0.6) !important; } html[data-theme='light'] .steps-grid::before { background: linear-gradient(90deg, #046B3E, #D4AF37) !important; opacity: 0.35 !important; } /* ── AUDIENCE CARDS ── */ html[data-theme='light'] .audience-card--dealer { background: linear-gradient(145deg, #046B3E 0%, #035A34 60%, #024828 100%) !important; border-color: rgba(4, 107, 62, 0.3) !important; } html[data-theme='light'] .audience-card--manager { background: #FFFFFF !important; border-color: rgba(10, 15, 44, 0.08) !important; } html[data-theme='light'] .audience-card--manager .audience-title { color: #046B3E !important; } html[data-theme='light'] .audience-card--manager .audience-desc { color: rgba(10, 15, 44, 0.7) !important; } html[data-theme='light'] .audience-card--manager .audience-feature { color: rgba(10, 15, 44, 0.8) !important; } html[data-theme='light'] .feature-check, html[data-theme='light'] .audience-card--manager .feature-check { background: rgba(212, 175, 55, 0.18) !important; color: #8A6D14 !important; border-color: rgba(212, 175, 55, 0.45) !important; } html[data-theme='light'] .audience-card--dealer .feature-check { background: rgba(255, 255, 255, 0.18) !important; color: #FFFFFF !important; } html[data-theme='light'] .audience-tag--manager { background: rgba(212, 175, 55, 0.14) !important; color: #8A6D14 !important; border-color: rgba(212, 175, 55, 0.35) !important; } /* ── PARTNERS ── */ html[data-theme='light'] .partners-section { background: #F0EDE5 !important; border-top: 1px solid rgba(4, 107, 62, 0.10) !important; border-bottom: 1px solid rgba(4, 107, 62, 0.10) !important; } html[data-theme='light'] .partners-label { color: rgba(10, 15, 44, 0.55) !important; } html[data-theme='light'] .partner-logo-text { color: rgba(10, 15, 44, 0.85) !important; } html[data-theme='light'] .partner-logo-sub { color: rgba(10, 15, 44, 0.5) !important; } html[data-theme='light'] .partner-dot { background: #046B3E !important; } /* ── PRICING ── */ html[data-theme='light'] .pricing-card { background: #FFFFFF !important; border-color: rgba(10, 15, 44, 0.08) !important; } html[data-theme='light'] .pricing-card:hover { border-color: rgba(212, 175, 55, 0.5) !important; } html[data-theme='light'] .pricing-card--featured { background: #046B3E !important; border-color: transparent !important; box-shadow: 0 20px 48px rgba(4, 107, 62, 0.22) !important; } html[data-theme='light'] .pricing-popular-badge { background: #D4AF37 !important; color: #0A0F2C !important; } html[data-theme='light'] .pricing-card:not(.pricing-card--featured) .pricing-price { color: #0A0F2C !important; } html[data-theme='light'] .pricing-card:not(.pricing-card--featured) .pricing-tier { color: #8A6D14 !important; } html[data-theme='light'] .pricing-card:not(.pricing-card--featured) .pricing-desc { color: rgba(10, 15, 44, 0.65) !important; } html[data-theme='light'] .pricing-card:not(.pricing-card--featured) .pricing-feature { color: rgba(10, 15, 44, 0.8) !important; } html[data-theme='light'] .pricing-card:not(.pricing-card--featured) .pricing-check { background: rgba(212, 175, 55, 0.18) !important; color: #8A6D14 !important; border-color: rgba(212, 175, 55, 0.45) !important; } html[data-theme='light'] .pricing-note { color: rgba(10, 15, 44, 0.6) !important; } html[data-theme='light'] .pricing-note strong { color: #046B3E !important; } html[data-theme='light'] .pricing-card:not(.pricing-card--featured) .btn--outline { color: #046B3E !important; border-color: rgba(4, 107, 62, 0.4) !important; background: transparent !important; } html[data-theme='light'] .pricing-card:not(.pricing-card--featured) .btn--outline:hover { background: rgba(4, 107, 62, 0.06) !important; } /* ── CTA ── */ html[data-theme='light'] .cta-section { background: #F0EDE5 !important; } html[data-theme='light'] .cta-section::before { background: radial-gradient(ellipse 80% 100% at 50% 60%, rgba(4, 107, 62, 0.16) 0%, rgba(212, 175, 55, 0.08) 40%, transparent 70%) !important; } html[data-theme='light'] .cta-title { color: #0A0F2C !important; } html[data-theme='light'] .cta-title span { color: #046B3E !important; } html[data-theme='light'] .cta-subtitle { color: rgba(10, 15, 44, 0.7) !important; } html[data-theme='light'] .cta-section .btn--white, html[data-theme='light'] .cta-section .btn { background: #046B3E !important; color: #FFFFFF !important; border-color: rgba(212, 175, 55, 0.45) !important; box-shadow: 0 10px 30px rgba(4, 107, 62, 0.22) !important; animation: none !important; } html[data-theme='light'] .cta-section .btn--ghost-white { background: transparent !important; color: #046B3E !important; border: 1.5px solid rgba(4, 107, 62, 0.35) !important; box-shadow: none !important; } /* ── FOOTER ── */ html[data-theme='light'] .site-footer { background: #F0EDE5 !important; border-top: 1px solid rgba(4, 107, 62, 0.12) !important; } html[data-theme='light'] .footer-col-title { color: #8A6D14 !important; } html[data-theme='light'] .footer-brand-desc { color: rgba(10, 15, 44, 0.6) !important; } html[data-theme='light'] .footer-links a { color: rgba(10, 15, 44, 0.7) !important; } html[data-theme='light'] .footer-links a:hover { color: #046B3E !important; } html[data-theme='light'] .footer-legal, html[data-theme='light'] .footer-contact { color: rgba(10, 15, 44, 0.55) !important; } html[data-theme='light'] .footer-contact a { color: rgba(10, 15, 44, 0.7) !important; } html[data-theme='light'] .footer-contact a:hover { color: #046B3E !important; } html[data-theme='light'] .footer-bottom { border-top-color: rgba(10, 15, 44, 0.10) !important; } /* ── GLOBAL BUTTONS ── */ html[data-theme='light'] .btn--primary { background: #046B3E !important; color: #FFFFFF !important; animation: none !important; } html[data-theme='light'] .btn--primary:hover { background: #035A34 !important; } html[data-theme='light'] .btn--white { background: #046B3E !important; color: #FFFFFF !important; } /* ── MODAL + FORMS ── */ html[data-theme='light'] .modal-sheet, html[data-theme='light'] .modal-header { background: #FFFFFF !important; } html[data-theme='light'] .modal-header { border-bottom-color: rgba(10, 15, 44, 0.10) !important; } html[data-theme='light'] .modal-title { color: #0A0F2C !important; } html[data-theme='light'] .modal-subtitle { color: rgba(10, 15, 44, 0.6) !important; } html[data-theme='light'] .modal-handle { background: rgba(10, 15, 44, 0.15) !important; } html[data-theme='light'] .modal-close { background: rgba(10, 15, 44, 0.05) !important; color: rgba(10, 15, 44, 0.6) !important; } html[data-theme='light'] .modal-close:hover { background: rgba(4, 107, 62, 0.10) !important; color: #046B3E !important; } html[data-theme='light'] .form-label { color: rgba(10, 15, 44, 0.75) !important; } html[data-theme='light'] .form-input, html[data-theme='light'] .form-select, html[data-theme='light'] .form-textarea { background: #FFFFFF !important; border-color: rgba(10, 15, 44, 0.18) !important; color: #0A0F2C !important; } html[data-theme='light'] .form-input:focus, html[data-theme='light'] .form-select:focus, html[data-theme='light'] .form-textarea:focus { border-color: #046B3E !important; box-shadow: 0 0 0 3px rgba(4, 107, 62, 0.12) !important; } html[data-theme='light'] .form-input::placeholder, html[data-theme='light'] .form-textarea::placeholder { color: rgba(10, 15, 44, 0.4) !important; } html[data-theme='light'] .form-footer-note { color: rgba(10, 15, 44, 0.55) !important; } html[data-theme='light'] .success-title { color: #0A0F2C !important; } html[data-theme='light'] .success-desc { color: rgba(10, 15, 44, 0.7) !important; } /* ── FLORIDA EARLY ACCESS BAND ── */ html[data-theme='light'] .florida-waitlist-cta { background: #F7F5EF !important; } html[data-theme='light'] .florida-waitlist-cta__inner { background: linear-gradient(100deg, #FFFFFF 0%, #F0EDE5 100%) !important; border-color: rgba(10, 15, 44, 0.10) !important; border-left-color: #046B3E !important; box-shadow: 0 18px 48px rgba(10, 15, 44, 0.10) !important; } html[data-theme='light'] .florida-waitlist-cta__eyebrow { color: #8A6D14 !important; } html[data-theme='light'] .florida-waitlist-cta__title { color: #0A0F2C !important; } html[data-theme='light'] .florida-waitlist-cta__body { color: rgba(10, 15, 44, 0.7) !important; } html[data-theme='light'] .florida-waitlist-cta__button { background: #046B3E !important; color: #FFFFFF !important; box-shadow: 0 8px 20px rgba(4, 107, 62, 0.2) !important; } html[data-theme='light'] .florida-waitlist-cta__button:hover { background: #035A34 !important; } html[data-theme='light'] .florida-waitlist-cta__secondary { color: rgba(10, 15, 44, 0.6) !important; } html[data-theme='light'] .florida-waitlist-cta__secondary:hover { color: #0A0F2C !important; } /* ── LEGAL / DOC PAGES ── */ html[data-theme='light'] .legal-hero { background: #F7F5EF !important; } html[data-theme='light'] .legal-body { background: #F7F5EF !important; } html[data-theme='light'] .legal-card { background: #FFFFFF !important; border-color: rgba(10, 15, 44, 0.08) !important; box-shadow: 0 12px 40px rgba(10, 15, 44, 0.08) !important; } html[data-theme='light'] .legal-title { color: #0A0F2C !important; } html[data-theme='light'] .legal-eyebrow { color: #8A6D14 !important; } html[data-theme='light'] .legal-meta { color: rgba(10, 15, 44, 0.6) !important; } html[data-theme='light'] .legal-card h2 { color: #046B3E !important; } html[data-theme='light'] .legal-card h3 { color: #0A0F2C !important; } html[data-theme='light'] .legal-card p, html[data-theme='light'] .legal-card li { color: rgba(10, 15, 44, 0.78) !important; } html[data-theme='light'] .legal-card strong { color: #0A0F2C !important; } html[data-theme='light'] .legal-card a { color: #046B3E !important; } html[data-theme='light'] .legal-toc { background: #F0EDE5 !important; border-color: rgba(10, 15, 44, 0.08) !important; } html[data-theme='light'] .legal-toc a { color: rgba(10, 15, 44, 0.78) !important; } html[data-theme='light'] .legal-toc a:hover { color: #046B3E !important; } html[data-theme='light'] .legal-divider { background: rgba(10, 15, 44, 0.10) !important; }