/* Venturoo — Shared theme variables & toggle button */

/* ── Dark mode defaults ─────────────────────────────── */
:root {
  --bg-body:             #000000;
  --bg-header:           rgba(0,0,0,0.85);
  --bg-header-mobile:    rgba(0,0,0,0.97);
  --bg-card:             rgba(255,255,255,0.03);
  --bg-card-hover:       rgba(255,255,255,0.05);
  --bg-input:            rgba(255,255,255,0.05);
  --bg-subtle:           rgba(255,255,255,0.06);
  --bg-subtle-2:         rgba(255,255,255,0.04);
  --border-card:         rgba(255,255,255,0.07);
  --border-subtle:       rgba(255,255,255,0.08);
  --border-input:        rgba(255,255,255,0.12);
  --text-primary:        #ffffff;
  --text-secondary:      rgba(255,255,255,0.6);
  --text-muted:          rgba(255,255,255,0.65);
  --text-faint:          rgba(255,255,255,0.5);
  --text-nav:            rgba(255,255,255,0.6);
  --nav-active-bg:       rgba(255,255,255,0.1);
  --nav-hover-bg:        rgba(255,255,255,0.06);
  --hamburger-bar:       #ffffff;
  --footer-border:       rgba(255,255,255,0.07);
  --footer-link:         rgba(255,255,255,0.65);
  --footer-text:         rgba(255,255,255,0.6);
  --btn-solid-bg:        #ffffff;
  --btn-solid-text:      #000000;
  --btn-ghost-border:    rgba(255,255,255,0.15);
  --btn-ghost-text:      rgba(255,255,255,0.8);
  --shadow-card:         0 8px 32px rgba(0,0,0,0.4);
  --shadow-hover:        0 12px 40px rgba(0,0,0,0.5);
  --accent-text:         #C4B5FD;
  --accent-muted:        rgba(167,139,250,0.1);
  --accent-border:       rgba(167,139,250,0.2);
  --gradient-hero-start: #ffffff;
  --gradient-hero-end:   rgba(255,255,255,0.75);
}

/* ── Light mode overrides ───────────────────────────── */
[data-theme="light"] {
  --bg-body:             #ffffff;
  --bg-header:           rgba(255,255,255,0.92);
  --bg-header-mobile:    rgba(255,255,255,0.98);
  --bg-card:             rgba(0,0,0,0.025);
  --bg-card-hover:       rgba(0,0,0,0.05);
  --bg-input:            rgba(0,0,0,0.04);
  --bg-subtle:           rgba(0,0,0,0.05);
  --bg-subtle-2:         rgba(0,0,0,0.03);
  --border-card:         rgba(0,0,0,0.08);
  --border-subtle:       rgba(0,0,0,0.09);
  --border-input:        rgba(0,0,0,0.14);
  --text-primary:        #0a0a0a;
  --text-secondary:      #0a0a0a;
  --text-muted:          #0a0a0a;
  --text-faint:          rgba(0,0,0,0.5);
  --text-nav:            #0a0a0a;
  --nav-active-bg:       rgba(0,0,0,0.07);
  --nav-hover-bg:        rgba(0,0,0,0.04);
  --hamburger-bar:       #0a0a0a;
  --footer-border:       rgba(0,0,0,0.08);
  --footer-link:         rgba(0,0,0,0.5);
  --footer-text:         rgba(0,0,0,0.4);
  --btn-solid-bg:        #0a0a0a;
  --btn-solid-text:      #ffffff;
  --btn-ghost-border:    rgba(0,0,0,0.15);
  --btn-ghost-text:      rgba(0,0,0,0.7);
  --shadow-card:         0 8px 32px rgba(0,0,0,0.07);
  --shadow-hover:        0 12px 40px rgba(0,0,0,0.12);
  --accent-text:         #7C3AED;
  --accent-muted:        rgba(124,58,237,0.08);
  --accent-border:       rgba(124,58,237,0.2);
  --gradient-hero-start: #0a0a0a;
  --gradient-hero-end:   rgba(0,0,0,0.75);
}

/* ── Theme toggle button ─────────────────────────────── */
.theme-toggle {
  background: none;
  border: 1px solid var(--btn-ghost-border);
  color: var(--text-nav);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: background 0.2s, border-color 0.2s;
  flex-shrink: 0;
  font-family: inherit;
  line-height: 1;
  padding: 0;
  margin-left: 4px;
}
.theme-toggle:hover { background: var(--nav-hover-bg); }

.theme-icon-moon { display: inline; }
.theme-icon-sun  { display: none; }
[data-theme="light"] .theme-icon-moon { display: none; }
[data-theme="light"] .theme-icon-sun  { display: inline; }

/* Show banner line-break on very narrow screens to prevent overflow */
@media (max-width: 480px) { .banner-break { display: inline !important; } }