/* =========================================================
   Jibon Electric — Day / Night theme
   Base tokens + toggle. Section overrides are appended below.
   ========================================================= */
html { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { color: #e5e7eb; }
html[data-theme="dark"] ::selection { background: rgba(245, 184, 0, 0.35); color: #fff; }

/* smooth switch only while toggling (no fade on first load) */
html.theme-anim, html.theme-anim *, html.theme-anim *::before, html.theme-anim *::after {
  transition: background-color .35s ease, color .35s ease, border-color .35s ease, fill .35s ease !important;
}

/* ---------- toggle button ---------- */
.theme-toggle {
  order: 5;
  flex: 0 0 auto;
  position: relative;
  width: 58px;
  height: 30px;
  margin: 0 14px 0 0;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #f3f4f6;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.navbar .app-btn { order: 6; }
.theme-toggle .tt-knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ffcc00;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .35s cubic-bezier(.4, .1, .2, 1), background-color .35s ease;
}
.theme-toggle svg { width: 14px; height: 14px; }
.theme-toggle .tt-moon { display: none; }
.theme-toggle .tt-track-sun { display: none; }
.theme-toggle .tt-track-icon {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  color: #9ca3af;
}
html[data-theme="dark"] .theme-toggle { background: #1f232a; border-color: #343a44; }
html[data-theme="dark"] .theme-toggle .tt-knob { transform: translateX(28px); background: #2b313b; box-shadow: 0 0 0 1px #3b424d, 0 2px 8px rgba(0,0,0,.4); }
html[data-theme="dark"] .theme-toggle .tt-sun { display: none; }
html[data-theme="dark"] .theme-toggle .tt-moon { display: block; color: #ffcc00; }
html[data-theme="dark"] .theme-toggle .tt-track-moon { display: none; }
html[data-theme="dark"] .theme-toggle .tt-track-sun { display: block; right: auto; left: 9px; color: #9ca3af; }
.theme-toggle:focus-visible { outline: 2px solid #f4b400; outline-offset: 3px; }

/* pages without the main navbar get a floating toggle */
.theme-toggle.tt-floating { position: fixed; top: 16px; right: 16px; z-index: 3000; margin: 0; box-shadow: 0 6px 18px rgba(0,0,0,.12); }

@media (max-width: 768px) {
  .theme-toggle { order: 0; margin: 0 12px 0 auto; }
  .navbar .menu-toggle { margin-left: 0 !important; }
}

/* ---------- brand & shared pieces in night mode ---------- */
html[data-theme="dark"] .brand-electric { filter: invert(1) brightness(1.1); }
html[data-theme="dark"] .navbar { box-shadow: 0 1px 0 #22262d; }
html[data-theme="dark"] .menu-toggle span { background: #e5e7eb; }
html[data-theme="dark"] .card-link .card p,
html[data-theme="dark"] .services-mega p { color: #e5e7eb; }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea {
  background-color: #14161b; color: #e5e7eb; border-color: #2e333c;
}
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #6b7280; }
html[data-theme="dark"] hr { border-color: #2a2e36; }

html[data-theme="dark"] .nav-links a.active,
html[data-theme="dark"] .nav-links a:hover,
html[data-theme="dark"] .services-trigger:hover { color: #f4b400; }

/* live city hero: soften around the canvas edges at night */
html[data-theme="dark"] .tw-hero.city-hero { background-color: #101216; }


/* ===== Section overrides (generated from the site stylesheets, scoped per page) ===== */
/* ---- from style.css ---- */
html[data-theme="dark"] body { background: #101216; }
html[data-theme="dark"] .navbar { background: #101216; }
html[data-theme="dark"] .nav-links a,
html[data-theme="dark"] .services-trigger { color: #eceef2; }
html[data-theme="dark"] .services-mega { background: #1a1d23; }
html[data-theme="dark"] .card { background: #1a1d23; }
html[data-theme="dark"] .service-tabs button { background: #1a1d23; }
html[data-theme="dark"] .service-hero p { color: #c6cbd3; }
html[data-theme="dark"] .point-card { background: #1a1d23; }
html[data-theme="dark"] .point-card p { color: #c6cbd3; }
html[data-theme="dark"] .subtitle { color: #c6cbd3; }
html[data-theme="dark"] .office-card { background: #1a1d23; }
html[data-theme="dark"] .office-card p { color: #c6cbd3; }
html[data-theme="dark"] .contact-section { background: #101216; }
html[data-theme="dark"] .contact-header p { color: #c6cbd3; }
html[data-theme="dark"] .contact-map { border: 1px solid #2e333c; background: #101216; }
html[data-theme="dark"] .contact-form { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form select,
html[data-theme="dark"] .contact-form textarea { border: 1px solid #2e333c; }
html[data-theme="dark"] .about-jibon { background: #101216; }
html[data-theme="dark"] .about-highlight h2 { color: #eceef2; }
html[data-theme="dark"] .about-highlight p { color: #eceef2; }
html[data-theme="dark"] .about-why h3 { color: #eceef2; }
html[data-theme="dark"] .why-card { background: #1a1d23; }
html[data-theme="dark"] .why-card p { color: #c6cbd3; }
html[data-theme="dark"] .mission-vision { background: #101216; }
html[data-theme="dark"] .mv-card h2 { color: #eceef2; }
html[data-theme="dark"] .mv-card h4 { color: #eceef2; }
html[data-theme="dark"] .mv-card p { color: #c6cbd3; }
html[data-theme="dark"] .get-started { background: #101216; }
html[data-theme="dark"] .get-started h2 { color: #eceef2; }
html[data-theme="dark"] .gs-subtext { color: #c6cbd3; }
html[data-theme="dark"] .gs-card { background: #1a1d23; }
html[data-theme="dark"] .gs-card p { color: #c6cbd3; }
html[data-theme="dark"] .jibon-footer { background: #101216; border-top: 1px solid #2e333c; }
html[data-theme="dark"] .footer-about { color: #c6cbd3; }
html[data-theme="dark"] .social-icons a { border: 1px solid #2e333c; color: #eceef2; }
html[data-theme="dark"] .footer-col h4 { color: #eceef2; }
html[data-theme="dark"] .footer-col ul li a { color: #c6cbd3; }
html[data-theme="dark"] .footer-bottom { border-top: 1px solid #2e333c; }
html[data-theme="dark"] .footer-bottom-inner { color: #a0a7b2; }
html[data-theme="dark"] .footer-links a { color: #a0a7b2; }
html[data-theme="dark"] .get-in-touch { background: #14161b; }
html[data-theme="dark"] .get-in-touch-text h2 { color: #eceef2; }
html[data-theme="dark"] .get-in-touch-text p { color: #c6cbd3; }
html[data-theme="dark"] .get-in-touch-card { background: #1a1d23; }
html[data-theme="dark"] .info-item p { color: #c6cbd3; }
html[data-theme="dark"] .start-card { background: #1a1d23; }
html[data-theme="dark"] .home-faq { background-color: #101216; }
html[data-theme="dark"] .faq-header h2 { color: #eceef2; }
html[data-theme="dark"] .faq-header .faq-subtitle { color: #c6cbd3; }
html[data-theme="dark"] .faq-item { background: #1a1d23; }
html[data-theme="dark"] .faq-item p { color: #c6cbd3; }
html[data-theme="dark"] .mobile-menu { background: #1a1d23; }
html[data-theme="dark"] .menu-grid a { color: #eceef2; }

/* ---- from home.css ---- */
html[data-theme="dark"][data-page="index"] .join-section { background: linear-gradient(180deg, #101216, #1c180f); }
html[data-theme="dark"][data-page="index"] .join-steps h2 { color: #eceef2; }
html[data-theme="dark"][data-page="index"] .join-steps .subtitle { color: #a0a7b2; }
html[data-theme="dark"][data-page="index"] .steps-list li:hover { background: #1a1d23; }
html[data-theme="dark"][data-page="index"] .step-num { background: #1a1d23; color: #c6cbd3; }
html[data-theme="dark"][data-page="index"] .step-text strong { color: #eceef2; }
html[data-theme="dark"][data-page="index"] .step-text small { color: #8c939e; }
html[data-theme="dark"][data-page="index"] .steps-list li.active { background: #1a1d23; }
html[data-theme="dark"][data-page="index"] .steps-list li.active .step-text small { color: #a0a7b2; }
html[data-theme="dark"][data-page="index"] .phone-caption { color: #8c939e; }
html[data-theme="dark"][data-page="index"] .startup-roadmap { background: linear-gradient(180deg,#1c180f,#101216); }
html[data-theme="dark"][data-page="index"] .roadmap-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="index"] .roadmap-card { background: #1a1d23; }
html[data-theme="dark"][data-page="index"] .roadmap-card p { color: #c6cbd3; }
html[data-theme="dark"][data-page="index"] .why-row { background: linear-gradient(180deg,#101216,#1c180f); }
html[data-theme="dark"][data-page="index"] .why-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="index"] .why-header p { color: #a0a7b2; }
html[data-theme="dark"][data-page="index"] .why-box { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="index"] .why-box h3 { color: #eceef2; }
html[data-theme="dark"][data-page="index"] .why-box p { color: #a0a7b2; }
html[data-theme="dark"][data-page="index"] .offer-ultra { background: linear-gradient(180deg, #101216, #101216); }
html[data-theme="dark"][data-page="index"] .offer-head h2 { color: #eceef2; }
html[data-theme="dark"][data-page="index"] .offer-head p { color: #a0a7b2; }
html[data-theme="dark"][data-page="index"] .offer-ultra-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="index"] .offer-media { background: #14161b; }
html[data-theme="dark"][data-page="index"] .offer-info h3 { color: #eceef2; }
html[data-theme="dark"][data-page="index"] .offer-info p { color: #a0a7b2; }
html[data-theme="dark"][data-page="index"] .about-ultra { background: linear-gradient(180deg, #101216 0%, #101216 100%); }
html[data-theme="dark"][data-page="index"] .about-item p { color: #c6cbd3; }
html[data-theme="dark"][data-page="index"] .about-divider { background: linear-gradient(to right, transparent, #14161b, transparent); }
html[data-theme="dark"][data-page="index"] .impact-live { background: linear-gradient(180deg, #101216, #1c180f); }
html[data-theme="dark"][data-page="index"] .impact-head h2 { color: #eceef2; }
html[data-theme="dark"][data-page="index"] .impact-head p { color: #a0a7b2; }
html[data-theme="dark"][data-page="index"] .impact-card { background: #1a1d23; border: 1px solid rgba(245,184,0,0.22); }
html[data-theme="dark"][data-page="index"] .impact-num { color: #eceef2; }
html[data-theme="dark"][data-page="index"] .impact-num small { color: #8c939e; }
html[data-theme="dark"][data-page="index"] .impact-label { color: #a0a7b2; }
html[data-theme="dark"][data-page="index"] .impact-note { color: #8c939e; }
html[data-theme="dark"][data-page="index"] .impact-note strong { color: #eceef2; }

/* ---- from about.css ---- */
html[data-theme="dark"][data-page="about"] .about-apple { background: linear-gradient(180deg, #101216 0%, #101216 100%); }
html[data-theme="dark"][data-page="about"] .about-apple h2 { color: #eceef2; }
html[data-theme="dark"][data-page="about"] .about-text { color: #c6cbd3; }
html[data-theme="dark"][data-page="about"] .about-text strong { color: #eceef2; }
html[data-theme="dark"][data-page="about"] .mv-final { background: linear-gradient(180deg,#1c180f,#101216); }
html[data-theme="dark"][data-page="about"] .mv-heading h2 { color: #eceef2; }
html[data-theme="dark"][data-page="about"] .mv-heading p { color: #a0a7b2; }
html[data-theme="dark"][data-page="about"] .mv-box { background: #1c160f; }
html[data-theme="dark"][data-page="about"] .mv-box-yellow { background: #1c160f; }
html[data-theme="dark"][data-page="about"] .mv-label { color: #a0a7b2; }
html[data-theme="dark"][data-page="about"] .mv-box h3 { color: #eceef2; }
html[data-theme="dark"][data-page="about"] .mv-box p { color: #a0a7b2; }
html[data-theme="dark"][data-page="about"] .tw-hero.city-hero { background-color: #14161b; }
@media (max-width: 768px) {
html[data-theme="dark"][data-page="about"] .tw-hero.city-hero { background: #14161b; }
}

/* ---- from two-wheeler.css ---- */
html[data-theme="dark"][data-page="two-wheeler"] .ev-performance { background: linear-gradient(180deg,#1c180f,#1a1d23); }
html[data-theme="dark"][data-page="two-wheeler"] .section-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="two-wheeler"] .section-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .feature-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="two-wheeler"] .feature-card h3 { color: #eceef2; }
html[data-theme="dark"][data-page="two-wheeler"] .feature-card p { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .kyc-section { background: linear-gradient(180deg,#101216,#1c180f); }
html[data-theme="dark"][data-page="two-wheeler"] .kyc-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .kyc-step { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="two-wheeler"] .kyc-step p { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .battery-premium { background: linear-gradient(180deg,#1c180f,#101216); }
html[data-theme="dark"][data-page="two-wheeler"] .battery-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .battery-card { background: #1a1d23; }
html[data-theme="dark"][data-page="two-wheeler"] .battery-icon svg { color: #eceef2; }
html[data-theme="dark"][data-page="two-wheeler"] .battery-card p { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .tesla-ev { background: linear-gradient(180deg,#1a1d23,#1c180f); }
html[data-theme="dark"][data-page="two-wheeler"] .tesla-head h2 { color: #eceef2; }
html[data-theme="dark"][data-page="two-wheeler"] .tesla-head p { color: #a0a7b2; }
html[data-theme="dark"][data-page="two-wheeler"] input[type="range"] { background: linear-gradient(to right, #00c896, #252932); }
html[data-theme="dark"][data-page="two-wheeler"] .tesla-result p { color: #a0a7b2; }
html[data-theme="dark"][data-page="two-wheeler"] .tesla-card { background: rgba(26,29,35,0.7); border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="two-wheeler"] .tesla-card p { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .plan-tag-muted { background: #1a1d23; color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .plan-price { color: #eceef2; }
html[data-theme="dark"][data-page="two-wheeler"] .plan-price small { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .plan-weekly { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .plan-weekly strong { color: #eceef2; }
html[data-theme="dark"][data-page="two-wheeler"] .plan-points li { color: #c6cbd3; }
html[data-theme="dark"][data-page="two-wheeler"] .plan-btn-outline { color: #eceef2 !important; }

/* ---- from three-wheeler.css ---- */
html[data-theme="dark"][data-page="three-wheeler"] .three-ev-performance { background: linear-gradient(to bottom, #1c190f,#1a1d23 ); }
html[data-theme="dark"][data-page="three-wheeler"] .section-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="three-wheeler"] .section-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="three-wheeler"] .three-feature-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="three-wheeler"] .three-feature-card h3 { color: #eceef2; }
html[data-theme="dark"][data-page="three-wheeler"] .three-feature-card p { color: #c6cbd3; }
html[data-theme="dark"][data-page="three-wheeler"] .kyc-section { background: linear-gradient(to bottom, #101216,#1c190f); }
html[data-theme="dark"][data-page="three-wheeler"] .kyc-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="three-wheeler"] .kyc-step { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="three-wheeler"] .kyc-step p { color: #c6cbd3; }
html[data-theme="dark"][data-page="three-wheeler"] .battery-premium { background: linear-gradient(to bottom,#1c190f,#101216); }
html[data-theme="dark"][data-page="three-wheeler"] .battery-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="three-wheeler"] .battery-card { background: #1a1d23; }
html[data-theme="dark"][data-page="three-wheeler"] .battery-icon svg { color: #eceef2; }
html[data-theme="dark"][data-page="three-wheeler"] .battery-card p { color: #c6cbd3; }
html[data-theme="dark"][data-page="three-wheeler"] .ev-section { background: linear-gradient(to bottom,#101216,#1c190f); }
html[data-theme="dark"][data-page="three-wheeler"] .ev-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="three-wheeler"] .ev-header p { color: #a0a7b2; }
html[data-theme="dark"][data-page="three-wheeler"] .slider-label { color: #a0a7b2; }
html[data-theme="dark"][data-page="three-wheeler"] input[type="range"] { background: linear-gradient(to right, #00c896, #252932); }
html[data-theme="dark"][data-page="three-wheeler"] .result-box h1,
html[data-theme="dark"][data-page="three-wheeler"] .result-box .savings-amount { color: #66ffc7; }
html[data-theme="dark"][data-page="three-wheeler"] .result-box p { color: #a0a7b2; }
html[data-theme="dark"][data-page="three-wheeler"] .profit-tag { color: #66ffc7; }
html[data-theme="dark"][data-page="three-wheeler"] .card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="three-wheeler"] .line { background: #14161b; }
html[data-theme="dark"][data-page="three-wheeler"] .card p { color: #c6cbd3; }

/* ---- from advertising.css ---- */
html[data-theme="dark"][data-page="advertising"] .advertise-section { background: linear-gradient(to bottom,#1c190f,#101216); }
html[data-theme="dark"][data-page="advertising"] .section-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="advertising"] .section-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="advertising"] .advertise-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="advertising"] .icon { background: #1c190f; }
html[data-theme="dark"][data-page="advertising"] .advertise-card:hover .icon svg { stroke: #2e333c; }
html[data-theme="dark"][data-page="advertising"] .advertise-card h3 { color: #eceef2; }
html[data-theme="dark"][data-page="advertising"] .advertise-card p { color: #a0a7b2; }
html[data-theme="dark"][data-page="advertising"] .ne-presence { background: linear-gradient(to bottom,#101216,#1c190f); }
html[data-theme="dark"][data-page="advertising"] .ne-presence h2 { color: #eceef2; }
html[data-theme="dark"][data-page="advertising"] .ne-presence p { color: #c6cbd3; }
html[data-theme="dark"][data-page="advertising"] .presence-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="advertising"] .presence-card .icon { background: #1c190f; }
html[data-theme="dark"][data-page="advertising"] .presence-card:hover .icon svg { stroke: #2e333c; }
html[data-theme="dark"][data-page="advertising"] .presence-card h3 { color: #eceef2; }
html[data-theme="dark"][data-page="advertising"] .status.active { background: #1c190f; }
html[data-theme="dark"][data-page="advertising"] .status.soon { background: #1a1d23; color: #c6cbd3; }
html[data-theme="dark"][data-page="advertising"] .presence-card p { color: #a0a7b2; }
html[data-theme="dark"][data-page="advertising"] .ad-placements { background: linear-gradient(to bottom,#1c190f,#101216); }
html[data-theme="dark"][data-page="advertising"] .section-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="advertising"] .section-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="advertising"] .placement-card { background: #1a1d23; }
html[data-theme="dark"][data-page="advertising"] .placement-content h3 { color: #eceef2; }
html[data-theme="dark"][data-page="advertising"] .placement-content p { color: #c6cbd3; }
html[data-theme="dark"][data-page="advertising"] .campaign-impact { background: linear-gradient(180deg,#101216,#1c180f); }
html[data-theme="dark"][data-page="advertising"] .impact-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="advertising"] .impact-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="advertising"] .impact-card { background: #1a1d23; }
html[data-theme="dark"][data-page="advertising"] .impact-icon { background: #1c190f; }
html[data-theme="dark"][data-page="advertising"] .impact-card h3 { color: #eceef2; }
html[data-theme="dark"][data-page="advertising"] .impact-card p { color: #c6cbd3; }

/* ---- from franchise.css ---- */
html[data-theme="dark"][data-page="franchise"] .investment-section { background: linear-gradient(to bottom,#1c190f,#101216); }
html[data-theme="dark"][data-page="franchise"] .model-box label,
html[data-theme="dark"][data-page="franchise"] .slider-box label,
html[data-theme="dark"][data-page="franchise"] .cost-box span { color: #c6cbd3; }
html[data-theme="dark"][data-page="franchise"] .model-box input { border: 1px solid #2e333c; background: #1a1d23; }
html[data-theme="dark"][data-page="franchise"] .cost-box strong { color: #eceef2; }
html[data-theme="dark"][data-page="franchise"] .result-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="franchise"] .tech-section { background: linear-gradient(to bottom,#1c190f,#101216); }
html[data-theme="dark"][data-page="franchise"] .tech-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="franchise"] .tech-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="franchise"] .tech-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="franchise"] .tech-icon { background: #1c190f; }
html[data-theme="dark"][data-page="franchise"] .tech-card:hover .tech-icon svg { stroke: #2e333c; }
html[data-theme="dark"][data-page="franchise"] .tech-card h3 { color: #eceef2; }
html[data-theme="dark"][data-page="franchise"] .tech-card p { color: #a0a7b2; }
html[data-theme="dark"][data-page="franchise"] .invest-section { background: linear-gradient(to bottom,#101216,#1c190f); }
html[data-theme="dark"][data-page="franchise"] .invest-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="franchise"] .invest-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="franchise"] .invest-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="franchise"] .invest-icon { background: #1c190f; }
html[data-theme="dark"][data-page="franchise"] .invest-card:hover .invest-icon svg { stroke: #2e333c; }
html[data-theme="dark"][data-page="franchise"] .invest-card h3 { color: #eceef2; }
html[data-theme="dark"][data-page="franchise"] .invest-card p { color: #a0a7b2; }
html[data-theme="dark"][data-page="franchise"] .jibon-invest-flow { background: linear-gradient(to bottom,#101216,#1c190f); }
html[data-theme="dark"][data-page="franchise"] .jibon-invest-header h2 { color: #eceef2; }
html[data-theme="dark"][data-page="franchise"] .jibon-invest-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="franchise"] .jibon-invest-card { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="franchise"] .jibon-invest-icon { background: #1c190f; }
html[data-theme="dark"][data-page="franchise"] .jibon-invest-card:hover .jibon-invest-icon svg { stroke: #2e333c; }
html[data-theme="dark"][data-page="franchise"] .jibon-invest-card h3 { color: #eceef2; }
html[data-theme="dark"][data-page="franchise"] .jibon-invest-card p { color: #a0a7b2; }
html[data-theme="dark"][data-page="franchise"] .why-invest { background: linear-gradient(to bottom,#1c190f,#101216); }
html[data-theme="dark"][data-page="franchise"] .invest-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="franchise"] .stat-box { background: #1a1d23; border: 1px solid #2e333c; }
html[data-theme="dark"][data-page="franchise"] .stat-box h3 { color: #c6cbd3; }
html[data-theme="dark"][data-page="franchise"] .stat-box span { color: #a0a7b2; }
html[data-theme="dark"][data-page="franchise"] .startup-roadmap { background: linear-gradient(to bottom,#101216,#1c190f); }
html[data-theme="dark"][data-page="franchise"] .roadmap-header p { color: #c6cbd3; }
html[data-theme="dark"][data-page="franchise"] .roadmap-card { background: #1a1d23; }
html[data-theme="dark"][data-page="franchise"] .roadmap-card p { color: #c6cbd3; }
html[data-theme="dark"][data-page="franchise"] .revenue-calculator { background: linear-gradient(to bottom,#1c190f,#101216); }
html[data-theme="dark"][data-page="franchise"] .calculator-container { background: #101216; }
html[data-theme="dark"][data-page="franchise"] .subtitle { color: #c6cbd3; }

/* ---- from service.css ---- */
html[data-theme="dark"][data-page="service"] body { background: #101216; }
html[data-theme="dark"][data-page="service"] .navbar { background: #101216; border-bottom: 1px solid #2e333c; }
html[data-theme="dark"][data-page="service"] .navbar-links a { color: #eceef2; }
html[data-theme="dark"][data-page="service"] .services-mega { background: #1a1d23; }
html[data-theme="dark"][data-page="service"] .services-divider { background: #252932; }
html[data-theme="dark"][data-page="service"] .card { background: #1a1d23; }

/* ---- from inline-faq.css ---- */
html[data-theme="dark"][data-page="faq"] body { background: #101216; }
html[data-theme="dark"][data-page="faq"] header { border-bottom: 1px solid #2e333c; }
html[data-theme="dark"][data-page="faq"] .app-btn { color: #eceef2; }
html[data-theme="dark"][data-page="faq"] .faq-item { border: 1px solid #2e333c; background: #1a1d23; }

/* ---- from inline-privacy-policy.css ---- */
html[data-theme="dark"][data-page="privacy-policy"] body { background-color: #101216; color: #eceef2; }
html[data-theme="dark"][data-page="privacy-policy"] .container { background: #101216; }
html[data-theme="dark"][data-page="privacy-policy"] footer { border-top: 1px solid #2e333c; color: #c6cbd3; }

/* ---- from inline-terms-and-conditions.css ---- */
html[data-theme="dark"][data-page="terms-and-conditions"] body { background-color: #101216; color: #eceef2; }
html[data-theme="dark"][data-page="terms-and-conditions"] .container { background: #101216; }
html[data-theme="dark"][data-page="terms-and-conditions"] footer { border-top: 1px solid #2e333c; color: #c6cbd3; }

/* ---- from inline-account_deletion.css ---- */
html[data-theme="dark"][data-page="account_deletion"] .delete-title { color: #eceef2; }
html[data-theme="dark"][data-page="account_deletion"] .delete-desc { color: #a0a7b2; }
html[data-theme="dark"][data-page="account_deletion"] .warning-box { background: #1a1d23; }
html[data-theme="dark"][data-page="account_deletion"] .warning-box h3 { color: #eceef2; }
html[data-theme="dark"][data-page="account_deletion"] .warning-box li { color: #c6cbd3; }
html[data-theme="dark"][data-page="account_deletion"] .delete-note { color: #a0a7b2; }
html[data-theme="dark"][data-page="account_deletion"] .delete-form-note { color: #c6cbd3; }

/* live city hero card at night */
html[data-theme="dark"] .city-card { text-shadow: 0 0 2px #0f1320, 0 0 12px rgba(15,19,32,0.95), 0 0 24px rgba(15,19,32,0.85); }
html[data-theme="dark"] .city-card h2 { color: #ffcc00; }
html[data-theme="dark"] .city-card h1 { color: #ffffff; }
html[data-theme="dark"] .city-card p { color: #d1d5db; }
html[data-theme="dark"] .city-stage { background: #0f1320; }

/* services menu at night */
html[data-theme="dark"] .navbar .services-mega.sm-v2 { background: #171a20; border-color: #2a2e36; box-shadow: 0 30px 70px rgba(0,0,0,.55); }
html[data-theme="dark"] .sm-card { color: #f3f4f6; }
html[data-theme="dark"] .sm-card:hover, html[data-theme="dark"] .sm-card:focus-visible { background: #20242b; }
html[data-theme="dark"] .sm-desc { color: #9ca3af; }
html[data-theme="dark"] .sm-media { background: #23272f; }
html[data-theme="dark"] .sm-group-title { color: #6b7280; }