/* Light theme overrides — loaded after style.css (index.html only) */
:root {
    --color-bg-base: #f6f9fc;
    --color-bg-surface: #ffffff;
    --color-bg-card: rgba(255, 255, 255, 0.92);
    --color-bg-card-hover: #ffffff;
    --color-text-primary: #0f172a;
    --color-text-secondary: #475569;
    --color-text-muted: #64748b;
    --color-emerald: #059669;
    --color-emerald-light: #047857;
    --color-border: rgba(15, 23, 42, 0.10);
    --color-border-bright: rgba(15, 23, 42, 0.18);
    --color-border-accent: rgba(5, 150, 105, 0.45);
}
html, body { background: var(--color-bg-base); color: var(--color-text-primary); }
meta { color-scheme: light; }

/* ambient effects: softer */
.ambient-canvas { opacity: 0.25; }
.ambient-glow { opacity: 0.55; }

/* header */
.site-header { background: rgba(255, 255, 255, 0.85); }
.site-header.scrolled { background: rgba(255, 255, 255, 0.97); box-shadow: 0 2px 16px rgba(15, 23, 42, 0.08); }
.nav-desktop .nav-link.active, .nav-link:hover { color: #047857; }
.mobile-nav-toggle { background: rgba(15, 23, 42, 0.05); }
.mobile-nav-toggle:hover { background: rgba(15, 23, 42, 0.1); }
.mobile-nav-toggle .bar { background: #0f172a; }
.mobile-drawer { background: #ffffff; }
.mobile-nav-list .nav-link { border-bottom-color: rgba(15, 23, 42, 0.08); color: #0f172a; }
.mobile-drawer-footer { border-top-color: rgba(15, 23, 42, 0.1); }

/* buttons & badges */
.btn-outline { background: #fff; color: #0f172a; border-color: rgba(15, 23, 42, 0.18); }
.btn-outline:hover { background: #ecfdf5; color: #047857; border-color: #059669; }
.launch-badge { background: #fff; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06); }

/* text that was hard-coded white */
.gradient-text { background: linear-gradient(135deg, #047857 10%, #0891b2 60%, #2563eb 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-description strong, .waitlist-title, .section-title, .pillar-heading, .perks-title,
.perk-heading, .faq-trigger, .final-cta-inner h3, .stat-number, .info-card-title,
.calc-emi-amount, .calc-breakdown-row span:last-child, .footer-heading, .footer-col-title,
.modal-title, .brand-title { color: #0f172a; }
.stat-number.gradient-emerald, .gradient-emerald { background: linear-gradient(135deg, #059669, #0891b2); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.calc-emi-amount { text-shadow: none; }
.btn-primary, .btn-primary span { color: #fff; }

/* sections & cards */
.stats-strip { background: #ffffff; border-bottom-color: rgba(15, 23, 42, 0.08); }
.stat-item { background: #f8fafc; }
.pillar-card, .info-card, .faq-item { background: #fff; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06); }
.pillar-perk { background: #f1f5f9; border-color: rgba(15, 23, 42, 0.08); }
.cyan-gradient, .emerald-gradient, .amber-gradient, .violet-gradient { filter: none; }
section[style*="rgba(11, 17, 32"] { background: #eef3f8 !important; border-top-color: rgba(15, 23, 42, 0.08) !important; }

/* calculator */
.calculator-wrapper { background: #fff; box-shadow: 0 10px 40px rgba(15, 23, 42, 0.08); }
.calc-results-card { background: #f1f5f9; border-color: rgba(15, 23, 42, 0.08); }
.calc-emi-highlight { border-bottom-color: rgba(15, 23, 42, 0.1); }
.range-input { background: rgba(15, 23, 42, 0.12); }
.calc-visual-bar { background: rgba(15, 23, 42, 0.1); }

/* forms */
.form-input, .form-select { background: #fff; color: #0f172a; border-color: rgba(15, 23, 42, 0.18); }
.form-input:focus, .form-select:focus { background: #fff; }
.form-input::placeholder { color: #64748b; }
.form-select option { background: #fff; color: #0f172a; }
.form-footer-badges { border-top-color: rgba(15, 23, 42, 0.08); }
.waitlist-card { background: #fff; box-shadow: 0 10px 40px rgba(15, 23, 42, 0.08); }

/* VIP perks box + card (keep the card dark as an accent) */
.vip-perks-box { background: linear-gradient(135deg, #ecfdf5 0%, #eff6ff 100%); border-color: rgba(5, 150, 105, 0.25); }
.glass-fincorp-card { background: linear-gradient(135deg, #0f172a, #1e293b); color: #f8fafc; }
.glass-fincorp-card .card-meta p, .glass-fincorp-card .card-tier { color: #fff; }

/* final CTA */
.final-cta-inner { background: linear-gradient(135deg, #ecfdf5, #ecfeff); }
.final-cta-inner p { color: #475569; }

/* footer */
.site-footer { background: #ffffff; border-top: 1px solid rgba(15, 23, 42, 0.1); }
.footer-bottom { border-top-color: rgba(15, 23, 42, 0.1); }
.regulatory-note { color: #64748b; }
.footer-domain a:hover, .social-btn:hover { color: #047857; }
.social-btn { background: #f1f5f9; border-color: rgba(15, 23, 42, 0.1); }
.social-btn:hover { background: #e2e8f0; }

/* modal */
.modal-card { background: #fff; }
.modal-close-btn:hover { color: #0f172a; }
.modal-pass { background: #ecfdf5; }
.pass-code { color: #047857; }

/* inner pages */
.page-hero { border-bottom-color: rgba(15, 23, 42, 0.08); background: radial-gradient(ellipse at 50% 0%, rgba(16, 185, 129, 0.12) 0%, transparent 70%); }
.page-title, .page-hero h1, h1, h2, h3, h4 { color: #0f172a; }
.gradient-text { -webkit-text-fill-color: transparent; }
.btn-primary h1, .btn-primary h2 { color: #fff; }
.table-responsive-wrapper { background: #fff; }
.fincorp-table th { background: #f1f5f9; color: #0f172a; }
.fincorp-table td { border-bottom-color: rgba(15, 23, 42, 0.08); }
.fincorp-table tr:hover td { background: #f8fafc; color: #0f172a; }
.form-card-container { background: #fff; }
.form-field input, .form-field select, .form-field textarea { background: #fff; color: #0f172a; border-color: rgba(15, 23, 42, 0.18); }
.form-field select option { background: #fff; color: #0f172a; }
.check-pill { background: #f1f5f9; }
.timeline-dot { background: #fff; }
.timeline-title { color: #0f172a; }
.timeline-track::before { background: linear-gradient(180deg, var(--color-emerald), var(--color-cyan), rgba(15, 23, 42, 0.08)); }
.glass-fincorp-card h1, .glass-fincorp-card h2, .glass-fincorp-card h3 { color: #fff; }

/* inline white text on light backgrounds */
[style*="color: #ffffff"], [style*="color:#ffffff"], [style*="color: #fff;"], [style*="color: white"] { color: #0f172a !important; }
.btn-primary [style*="color"], .glass-fincorp-card [style*="color"] { color: #fff !important; }
.table-responsive-wrapper { background: #fff !important; }
.fincorp-table td { color: #475569; }
.table-tag.highlight { color: #047857; }
.table-tag.info { color: #0369a1; }

/* ---- hover states, remaining dark surfaces ---- */
.info-card, .office-card { background: #fff; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06); }
.info-card:hover, .office-card:hover, .pillar-card:hover, .faq-item:hover, .faq-item.active {
    background: #fff; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10); border-color: rgba(5, 150, 105, 0.4);
}
.info-card:hover .info-card-title, .info-card:hover .info-card-text, .info-card:hover p { color: inherit; }
.info-card-title, .office-city, .stat-number, .timeline-title, .card-meta p { color: #0f172a; }
.info-card-text, .office-address, .pillar-text, .faq-content p { color: #475569; }
.info-card-icon { color: #0f172a; }
.info-card a, .office-meta { color: #047857; }
.stat-item:hover { background: #f8fafc; }
.nav-desktop .nav-link:hover, .nav-desktop .nav-link.active { color: #047857; }
.header-status-pill { background: #ecfdf5; color: #047857; }
.tier-diamond { color: #0369a1; }
.tier-enterprise { color: #047857; }
.mobile-drawer-overlay { background: rgba(15, 23, 42, 0.45); }
.countdown-wrapper { background: #fff; box-shadow: 0 10px 40px rgba(15, 23, 42, 0.08); }
.waitlist-card { background: #fff; }
.modal-overlay { background: rgba(15, 23, 42, 0.5); }
.footer-link-list a, .footer-link-item, .footer-tagline, .footer-domain, .copyright-text { color: #475569; }
.footer-link-list a:hover, .footer-link-item a:hover { color: #047857; }
.card-number { color: #e2e8f0; }
