/* Light theme variable overrides for TechUP site */
:root {
  --bg-dark: #ffffff;
  --bg-mid: #f7f8fb;
  --bg-light: #ffffff;
  --text-primary: #0f1724;
  --text-secondary: rgba(15, 23, 36, 0.72);
  --text-dark: #0b1220;
  --text-muted: #6b7280;
  --primary-blue: #02357D;
  --accent-orange: #de981f;
  --accent-blue: var(--primary-blue);
  --accent-purple: var(--accent-orange);
  --accent-cyan: var(--primary-blue);
  --accent-green: #10b981;
  --accent-pink: var(--accent-orange);
  --glass-bg: rgba(15,23,36,0.04);
  --glass-border: rgba(15,23,36,0.06);
  --glass-shadow: 0 8px 32px rgba(15,23,36,0.06);
  --gradient-hero: linear-gradient(135deg, #ffffff 0%, #f1f5f9 40%, #eef2ff 100%);
  --gradient-cta: linear-gradient(135deg, var(--primary-blue) 0%, #2a3bd1 100%);
}

/* small adjustments for elements that expect dark backgrounds */
body.theme-light {
  background: var(--bg-dark);
  color: var(--text-primary);
}

.nav-cta {
  box-shadow: none;
}

/* Navigation */
.nav.theme-light, body.theme-light .nav {
  background: transparent;
}
.nav .nav-links a {
  color: var(--text-secondary);
}
.nav .nav-links .nav-cta--menu {
  color: white !important;
}
.nav-toggle span {
  background: var(--text-primary);
}

@media (max-width: 1200px) {
  body.theme-light .nav-links {
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(15, 23, 36, 0.08);
    box-shadow: 0 12px 30px rgba(15, 23, 36, 0.06);
  }

  body.theme-light .nav-links a {
    color: var(--text-primary);
  }

  body.theme-light .nav-links .nav-cta--menu {
    color: white !important;
  }
}

/* Hero adjustments */
.hero {
  background: var(--gradient-hero);
}
.hero-badge {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  color: var(--text-secondary);
}
.hero-headline .gradient-text {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: currentColor;
  color: var(--accent-orange);
}
.hero-description { color: var(--text-secondary); }

/* Journey icons and cards */
.journey-stage-card { background: var(--glass-bg); border: 1px solid var(--glass-border); }
.journey-stage-icon {
  border: 1px solid rgba(15, 23, 36, 0.12);
  background: rgba(255, 255, 255, 0.8);
}
.journey-icon {
  background: #f0f0f0;
  border: 1.5px solid rgba(15, 23, 36, 0.14);
  color: var(--text-primary);
  box-shadow: var(--glass-shadow);
}
.journey-label { color: rgba(15,23,36,0.6); }

/* Cards, tags, and text */
.section-subtitle, .journey-stage-desc, .story-step-content p, .bring-card-desc { color: var(--text-secondary); }
.journey-tag { background: rgba(15,23,36,0.04); color: var(--text-secondary); border: 1px solid rgba(15,23,36,0.08); }

/* Adjust journey visual vertical alignment in light theme to match dark theme */
body.theme-light .journey-flow {
  transform: translateY(24px);
}

/* Ecosystem & bring card borders */
body.theme-light .ecosystem-node {
  border: 1px solid rgba(15, 23, 36, 0.1);
  background: rgba(255, 255, 255, 0.7);
}
body.theme-light .bring-card-icon {
  border: 1px solid rgba(15, 23, 36, 0.1);
  background: rgba(20, 13, 161, 0.08);
}

/* Light section background overrides */
body.theme-light .journey-section {
  background: linear-gradient(180deg, #f6f8fb 0%, #eef3f9 100%);
}
body.theme-light .ecosystem-section {
  background: #f8fafc;
}
body.theme-light .invest-section {
  background: #eef3f8;
}
body.theme-light .bring-section {
  background: #f6f8fb;
}
body.theme-light .footer-frame-wrap {
  background: #f8fafc;
  border-top: 1px solid rgba(15, 23, 36, 0.08);
}
body.theme-light .nav.scrolled {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(15, 23, 36, 0.08);
}
body.theme-light .nav-cta-item {
  border-top-color: rgba(15, 23, 36, 0.08);
}
body.theme-light .journey-progress {
  padding-top: 18px;
}
body.theme-light .journey-progress-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(15, 23, 36, 0.18);
  border: 1px solid rgba(15, 23, 36, 0.16);
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(15, 23, 36, 0.05);
}
body.theme-light .journey-progress-dot.active {
  width: 36px;
  height: 10px;
  border-radius: 999px;
  background: var(--primary-blue);
  border-color: transparent;
  box-shadow: 0 10px 20px rgba(20, 13, 161, 0.16);
}
.footer-frame-wrap--light { background: transparent; }

/* SVG icon colors on light backgrounds */
body.theme-light .journey-icon svg[fill="#FFFFFF"],
body.theme-light .journey-stage-icon svg[fill="#FFFFFF"],
body.theme-light .bring-card-icon svg[fill="#FFFFFF"],
body.theme-light .story-avatar svg[fill="#FFFFFF"],
body.theme-light .ecosystem-node-icon svg[fill="#FFFFFF"] {
  fill: var(--text-primary);
}

/* Form — light theme overrides */
body.theme-light .apply-form-panel {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 36, 0.1);
  box-shadow: 0 12px 40px rgba(15, 23, 36, 0.08);
}

body.theme-light .apply-form-field input,
body.theme-light .apply-form-field textarea,
body.theme-light .apply-form-field select {
  background: #f8fafc;
  /* border: 1px solid rgba(15, 23, 36, 0.12); */
  color: var(--text-primary);
}

body.theme-light .apply-form-field input::placeholder,
body.theme-light .apply-form-field textarea::placeholder {
  color: rgba(15, 23, 36, 0.4);
}

body.theme-light .apply-form-field input[type="date"] {
  color-scheme: light;
}

body.theme-light .cta-section {
  background: #f6f8fb;
}

body.theme-light .cta-bg {
  background: linear-gradient(135deg, rgba(20, 13, 161, 0.08) 0%, rgba(42, 59, 209, 0.08) 50%, rgba(20, 13, 161, 0.08) 100%);
}

body.theme-light .cta-glow {
  background: radial-gradient(circle, rgba(20, 13, 161, 0.12) 0%, rgba(42, 59, 209, 0.06) 40%, transparent 70%);
}

body.theme-light .stories-section {
  background: #f8fafc;
}

body.theme-light .apply-section {
  background: #ffffff;
}

body.theme-light .invest-card-stat {
  box-shadow: 0 4px 12px rgba(15, 23, 36, 0.08);
}