/* The Ventures — chrome + theme tokens for Alternate pages.
   Dark tokens match the current hardcoded palette so dark stays visually
   equivalent. Light remaps page surfaces through the same CSS variables. */

:root,
[data-theme='dark'] {
  color-scheme: dark;
  --tv-bg: #000000;
  --tv-bg-deep: #050505;
  --tv-fg: #f7f6f2;
  --tv-fg-solid: #f7f6f2;
  --tv-muted-85: rgba(247, 246, 242, 0.85);
  --tv-muted-8: rgba(247, 246, 242, 0.8);
  --tv-muted-75: rgba(255, 255, 255, 0.75);
  --tv-muted-72: rgba(247, 246, 242, 0.72);
  --tv-muted-7: rgba(247, 246, 242, 0.7);
  --tv-muted-62: rgba(247, 246, 242, 0.62);
  --tv-muted-6: rgba(247, 246, 242, 0.6);
  --tv-muted-55: rgba(247, 246, 242, 0.55);
  --tv-muted-5: rgba(247, 246, 242, 0.5);
  --tv-muted-45: rgba(247, 246, 242, 0.45);
  --tv-muted-4: rgba(247, 246, 242, 0.4);
  --tv-muted-35: rgba(255, 255, 255, 0.35);
  --tv-muted-22: rgba(247, 246, 242, 0.22);
  --tv-line: rgba(255, 255, 255, 0.12);
  --tv-line-soft: rgba(255, 255, 255, 0.08);
  --tv-line-14: rgba(255, 255, 255, 0.14);
  --tv-line-10: rgba(255, 255, 255, 0.1);
  --tv-card: #111113;
  --tv-surface: #161618;
  --tv-modal: #0c0c0e;
  --tv-header-bg: rgba(5, 5, 5, 0.72);
  --tv-footer-bg: #000000;
  --tv-overlay: rgba(0, 0, 0, 0.72);
  --tv-modal-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.6);
  --tv-on-accent: #000000;
  --tv-band-btn-bg: #000000;
  --tv-band-btn-fg: #ffffff;
  --tv-band-body: rgba(0, 0, 0, 0.65);
  --tv-icon-stroke: rgba(247, 246, 242, 0.4);
  --tv-hero-scrim: linear-gradient(100deg, rgba(0, 0, 0, 0.96) 24%, rgba(0, 0, 0, 0.68) 54%, rgba(0, 0, 0, 0.12) 96%);
  --tv-white-55: rgba(255, 255, 255, 0.55);
  --tv-white-5: rgba(255, 255, 255, 0.5);
  --tv-white-45: rgba(255, 255, 255, 0.45);
  --tv-white-78: rgba(255, 255, 255, 0.78);
  --tv-input-placeholder: rgba(247, 246, 242, 0.35);
  --accent-fill: #d4ff00;
  --accent-text: #d4ff00;
  --accent-border: #d4ff00;
}

[data-theme='light'] {
  color-scheme: light;
  --tv-bg: #f7f6f2;
  --tv-bg-deep: #f7f6f2;
  --tv-fg: #0a0a0a;
  --tv-fg-solid: #0a0a0a;
  --tv-muted-85: rgba(10, 10, 10, 0.85);
  --tv-muted-8: rgba(10, 10, 10, 0.78);
  --tv-muted-75: rgba(10, 10, 10, 0.72);
  --tv-muted-72: rgba(10, 10, 10, 0.68);
  --tv-muted-7: rgba(10, 10, 10, 0.66);
  --tv-muted-62: rgba(10, 10, 10, 0.58);
  --tv-muted-6: rgba(10, 10, 10, 0.58);
  --tv-muted-55: rgba(10, 10, 10, 0.52);
  --tv-muted-5: rgba(10, 10, 10, 0.48);
  --tv-muted-45: rgba(10, 10, 10, 0.42);
  --tv-muted-4: rgba(10, 10, 10, 0.4);
  --tv-muted-35: rgba(10, 10, 10, 0.38);
  --tv-muted-22: rgba(10, 10, 10, 0.22);
  --tv-line: rgba(0, 0, 0, 0.12);
  --tv-line-soft: rgba(0, 0, 0, 0.08);
  --tv-line-14: rgba(0, 0, 0, 0.14);
  --tv-line-10: rgba(0, 0, 0, 0.1);
  --tv-card: #ffffff;
  --tv-surface: #ffffff;
  --tv-modal: #ffffff;
  --tv-header-bg: rgba(247, 246, 242, 0.86);
  --tv-footer-bg: #eceae4;
  --tv-overlay: rgba(10, 10, 10, 0.45);
  --tv-modal-shadow: 0 40px 80px -24px rgba(0, 0, 0, 0.28);
  --tv-on-accent: #000000;
  --tv-band-btn-bg: #0a0a0a;
  --tv-band-btn-fg: #ffffff;
  --tv-band-body: rgba(0, 0, 0, 0.65);
  --tv-icon-stroke: rgba(10, 10, 10, 0.4);
  --tv-hero-scrim: linear-gradient(100deg, rgba(247, 246, 242, 0.96) 24%, rgba(247, 246, 242, 0.72) 54%, rgba(247, 246, 242, 0.12) 96%);
  --tv-white-55: rgba(10, 10, 10, 0.55);
  --tv-white-5: rgba(10, 10, 10, 0.5);
  --tv-white-45: rgba(10, 10, 10, 0.45);
  --tv-white-78: rgba(10, 10, 10, 0.78);
  --tv-input-placeholder: rgba(10, 10, 10, 0.35);
  /* Energy on light surfaces: dark olive for text, lime for fills */
  --accent-fill: #b8d900;
  --accent-text: #3f5600;
  --accent-border: #5a7200;
}

html,
body {
  background: var(--tv-bg);
  color: var(--tv-fg);
}

/* Theme toggle — sits beside lang toggle; preserves header geometry */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: none;
  padding: 0;
  border-radius: 999px;
  cursor: pointer;
  background: transparent;
  color: var(--tv-fg);
  border: 1px solid var(--tv-muted-22);
  transition: color 0.2s, border-color 0.2s, background 0.2s, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.theme-toggle:hover {
  border-color: var(--accent-border, var(--accent, var(--color-accent, #d4ff00)));
  color: var(--accent-text, var(--accent, var(--color-accent, #d4ff00)));
}
.theme-toggle:focus-visible {
  outline: 2px solid var(--accent-border, var(--accent, var(--color-accent, #d4ff00)));
  outline-offset: 3px;
}
.theme-toggle svg {
  width: 16px;
  height: 16px;
}
.theme-toggle .icon-sun {
  display: none;
}
[data-theme='dark'] .theme-toggle .icon-sun {
  display: block;
}
[data-theme='dark'] .theme-toggle .icon-moon {
  display: none;
}

[data-lang-label] {
  opacity: 0.45;
}
[data-lang-label][aria-current='true'] {
  opacity: 1;
  color: var(--accent-text, var(--accent, var(--color-accent, #d4ff00)));
}

/* Wordmark: ivory mark on dark pages, void mark on light — lime slash preserved in both assets */
.tv-wordmark-on-light {
  display: none;
}
[data-theme='light'] .tv-wordmark-on-dark {
  display: none;
}
[data-theme='light'] .tv-wordmark-on-light {
  display: block;
}

/* Light-mode readability for hero intro lockup (inline ivory text) */
[data-theme='light'] #hero-logo-text,
[data-theme='light'] #hero-tagline {
  color: var(--tv-fg) !important;
}
[data-theme='light'] #hero-intro {
  background: var(--tv-bg-deep) !important;
}
[data-theme='light'] #hero-intro-scroll span {
  color: var(--tv-muted-5) !important;
}
[data-theme='light'] #hero-intro-scroll svg path {
  stroke: var(--tv-muted-55);
}

input::placeholder {
  color: var(--tv-input-placeholder);
}

/* News-only phase: hide Toolkit / Funding / Circles / Join CTAs (markup kept). */
.tv-phase-hidden,
.tv-cta-hidden {
  display: none !important;
}

/* DS charcoal wells stay charcoal in dark; lift to a soft stone tile in light */
[data-theme='light'] {
  --color-neutral-900: #e6e6e1;
}

/* Light mode: Energy as text/border vs fill */
[data-theme='light'] [style*='color:var(--accent)'],
[data-theme='light'] [style*='color: var(--accent)'],
[data-theme='light'] [style*='color:var(--color-accent)'],
[data-theme='light'] [style*='color: var(--color-accent)'] {
  color: var(--accent-text) !important;
}

[data-theme='light'] #hero-tagline span[style*='#CCFF00'],
[data-theme='light'] #hero-tagline span[style*='color:#CCFF00'] {
  color: var(--accent-text) !important;
}

[data-theme='light'] [style*='background:var(--accent)'],
[data-theme='light'] [style*='background: var(--accent)'],
[data-theme='light'] [style*='background:var(--color-accent)'],
[data-theme='light'] [style*='background: var(--color-accent)'] {
  background-color: var(--accent-fill) !important;
}

[data-theme='light'] [style*='border-color:var(--accent)'],
[data-theme='light'] [style*='border:1.5px solid var(--accent)'],
[data-theme='light'] [style*='border:1px solid var(--accent)'] {
  border-color: var(--accent-border) !important;
}

[data-theme='light'] #hero-logo-slash polygon {
  fill: var(--accent-fill);
}

[data-theme='light'] path[stroke='var(--accent)'],
[data-theme='light'] [stroke='var(--accent)'] {
  stroke: var(--accent-text) !important;
}