/* ═══════════════════════════════════════════════
   LIGHT MODE OVERRIDE — techtown.obaisukar.com
   #opening and #finale keep dark/space context.
   All other sections flip to white.
   Colors: TechTown palette only. No cream/gray.
═══════════════════════════════════════════════ */

/* Root surface overrides */
:root {
  --bg-deep: #FFFFFF;
  --bg-dark: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: rgba(104,85,159,0.04);
  --bg-surface: rgba(104,85,159,0.04);
  --text-white: #1a0f3e;
  --text-light: #3d3558;
  --text-muted: #7b74a0;
  --text-dim: #a9a3c4;
}

body { background: #FFFFFF; color: #3d3558; }

/* Restore dark on opening + finale */
#opening, #finale {
  --text-white: #f0eef6;
  --text-light: #d4d0e4;
  --text-muted: #a9a3c4;
  --text-dim: #7b74a0;
}

/* Nav — white when scrolled over content */
.site-nav.scrolled {
  background: rgba(255,255,255,0.94) !important;
  backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(104,85,159,0.08) !important;
  box-shadow: 0 1px 16px rgba(104,85,159,0.06);
}
.site-nav.scrolled .nav-links li a { color: #7b74a0; }
.site-nav.scrolled .nav-links li a:hover { color: #68559f; }
.site-nav.scrolled .nav-logo { filter: none !important; }

/* Spaces explore button — link to event page */
.nav-spaces-link {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 2px;
  text-transform: uppercase; color: #68559f;
  padding: 7px 16px; border: 1px solid rgba(104,85,159,0.25);
  border-radius: 3px; transition: all 0.2s; text-decoration: none;
  display: inline-flex; align-items: center; gap: 6px;
}
.nav-spaces-link:hover { background: #68559f; color: #fff; border-color: #68559f; }

/* Section text */
.section-heading { color: var(--text-white); }
.section-subheading { color: var(--text-light); }
.context-prose { color: var(--text-light); }
.context-prose strong { color: var(--text-white) !important; }

/* Stat cards */
.stat-card { border-color: rgba(104,85,159,0.1) !important; background: #ffffff; }
.stat-card:hover { background: rgba(104,85,159,0.04); border-color: rgba(104,85,159,0.18) !important; }
.stat-label { color: var(--text-white); }
.stat-bar-track { background: rgba(104,85,159,0.08) !important; }

/* Building hero */
#vision .building-hero img { filter: brightness(0.96) contrast(1.03) !important; }
.building-hero { box-shadow: 0 0 40px rgba(104,85,159,0.08), 0 24px 60px rgba(104,85,159,0.06) !important; }

/* Orbit rings */
.orbit-ring { border-color: rgba(104,85,159,0.12) !important; }
.orbit-node { border-color: rgba(104,85,159,0.15) !important; background: rgba(104,85,159,0.05) !important; color: #7b74a0; }

/* Floor buttons */
.floor-btn { border-color: rgba(104,85,159,0.1) !important; background: #ffffff; }
.floor-btn:hover { border-color: rgba(104,85,159,0.2) !important; background: rgba(104,85,159,0.04); }
.floor-btn-name { color: var(--text-white); }
.floor-btn-sub { color: var(--text-muted); }

/* Timeline cards */
.vtl-card { background: #ffffff !important; border-color: rgba(104,85,159,0.1) !important; }
.vtl-node.active .vtl-card { border-color: rgba(104,85,159,0.2) !important; }
.vtl-card:hover { background: rgba(104,85,159,0.04) !important; border-color: rgba(104,85,159,0.22) !important; }
.vtl-card-title { color: var(--text-white); }
.vtl-card-body { color: var(--text-light); }

/* Ask/contact cards */
.ask-card { background: #ffffff !important; border-color: rgba(104,85,159,0.1) !important; }
.ask-card-title { color: var(--text-white); }
.ask-card-text { color: var(--text-light); }
.ask-pill { background: #ffffff !important; border-color: rgba(104,85,159,0.1) !important; color: var(--text-light) !important; }
.ask-pill:hover { background: rgba(104,85,159,0.06) !important; border-color: rgba(104,85,159,0.28) !important; color: var(--violet) !important; }

/* Footer / contact */
.contact-strip { background: rgba(104,85,159,0.04) !important; }

/* "Register Your Interest" — white card, own colours, no link to the footer */
.register-interest { background: rgba(104,85,159,0.035) !important; border-top: 1px solid rgba(104,85,159,0.1) !important; }
.register-interest-card {
  background: #ffffff !important;
  border: 1px solid rgba(104,85,159,0.12) !important;
  box-shadow: 0 20px 60px rgba(104,85,159,0.1) !important;
}
.register-interest-card::before { background: linear-gradient(to right, transparent, rgba(104,85,159,0.28), transparent) !important; }
.register-interest-sub { color: #7b74a0 !important; }
.footer-form-label { color: #7b74a0 !important; }
.footer-form-input { background: #ffffff !important; border-color: rgba(104,85,159,0.18) !important; color: var(--text-white) !important; }
.footer-form-input::placeholder { color: var(--text-dim) !important; }
.footer-form-input:focus { border-color: var(--violet) !important; background-color: rgba(104,85,159,0.04) !important; }
.footer-form-select {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='rgba(104,85,159,0.5)' stroke-width='1.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}
.footer-form-select:focus { background-color: rgba(104,85,159,0.04) !important; }
.footer-form-select option { background: #ffffff !important; color: #1a0f3e !important; }
.footer-form-submit { background: #68559f !important; }
.footer-form-submit:hover { background: #574888 !important; }
.footer-form-success { color: #68559f !important; }
.site-footer { background: rgba(104,85,159,0.04) !important; border-top: 1px solid rgba(104,85,159,0.1) !important; }
.footer-address, .footer-copy, .footer-tagline { color: var(--text-muted) !important; }

/* ISO nav tooltip */
.iso-nav-tip { background: #ffffff !important; border-color: rgba(104,85,159,0.15) !important; color: var(--text-white) !important; box-shadow: 0 4px 16px rgba(104,85,159,0.1); }

/* Geo grid overlay — lighter on white */
.geo-overlay { opacity: 0.04; }

/* Explore spaces CTA strip */
.spaces-cta-strip {
  padding: 28px 0;
  background: #ffffff;
  border-top: 1px solid rgba(104,85,159,0.1);
  border-bottom: 1px solid rgba(104,85,159,0.1);
  text-align: center;
}
.spaces-cta-strip a {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: 'Titillium Web', sans-serif;
  font-size: 0.78rem; font-weight: 700; letter-spacing: 3px;
  text-transform: uppercase; color: #fff;
  background: #68559f; padding: 14px 36px; border-radius: 3px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(104,85,159,0.3);
  transition: all 0.25s;
}
.spaces-cta-strip a:hover { background: #4b62a7; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(104,85,159,0.4); }

/* SPACES nav button — overrides any green from original site */
.nav-spaces-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 20px !important;
  background: #68559f !important;
  color: #ffffff !important;
  font-family: 'Titillium Web', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  position: static !important;
}
.nav-spaces-btn:hover {
  background: #4b62a7 !important;
  color: #ffffff !important;
}

/* Remove any green overrides from original site on this element */
a.nav-spaces-btn, button.nav-spaces-btn {
  background-color: #68559f !important;
  border-color: #68559f !important;
}