/* Dark theme overrides for Timo Beats landing */
body.landing-page--dark {
  --timo-bg: #0f172a;
  --timo-ink: #f1f5f9;
  --timo-muted: #94a3b8;
  --timo-border: #334155;
  --timo-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.25);
}

body.landing-page--dark .landing-brand p {
  color: #64748b;
}

body.landing-page--dark .landing-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.landing-page--dark .landing-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid #334155;
  background: #1e293b;
  color: #e2e8f0;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

body.landing-page--dark .landing-download {
  border-color: #1e3a8a;
  background: linear-gradient(180deg, #1e293b 0%, #172554 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

body.landing-page--dark .landing-download-icon {
  background: #1e3a8a;
  color: #93c5fd;
}

body.landing-page--dark .landing-download-sub {
  color: #94a3b8;
}

body.landing-page--dark .landing-download-close {
  color: #64748b;
}

body.landing-page--dark .landing-section-head a {
  color: #60a5fa;
}

body.landing-page--dark .landing-market-card {
  border-color: #334155;
  background: #1e293b;
}

body.landing-page--dark .landing-market-icon {
  background: color-mix(in srgb, var(--coin-accent) 22%, #0f172a);
}

body.landing-page--dark .landing-market-meta .name {
  color: #f8fafc;
}

body.landing-page--dark .landing-market-price {
  color: #f1f5f9;
}

body.landing-page--dark .landing-market-change.up {
  color: #4ade80;
  background: rgba(22, 163, 74, 0.15);
}

body.landing-page--dark .landing-market-change.down {
  color: #f87171;
  background: rgba(239, 68, 68, 0.12);
}

body.landing-page--dark .landing-hero-frame {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
}

body.landing-page--dark .landing-services-title {
  color: #e2e8f0;
}

body.landing-page--dark .landing-svc {
  border-color: #334155;
}

body.landing-page--dark .landing-svc-desc {
  color: #94a3b8;
}

body.landing-page--dark .landing-svc--otc {
  background: linear-gradient(160deg, #1e3a5f 0%, #1e293b 55%);
  border-color: #1d4ed8;
}

body.landing-page--dark .landing-svc--donation {
  background: linear-gradient(160deg, #4c1d3a 0%, #1e293b 55%);
  border-color: #9f1239;
}

body.landing-page--dark .landing-svc--remitly {
  background: linear-gradient(160deg, #064e3b 0%, #1e293b 55%);
  border-color: #047857;
}

body.landing-page--dark .landing-svc--gigs {
  background: linear-gradient(160deg, #4c1d95 0%, #1e293b 55%);
  border-color: #6d28d9;
}

body.landing-page--dark .landing-svc--yield {
  background: linear-gradient(160deg, #7c2d12 0%, #1e293b 55%);
  border-color: #c2410c;
}

body.landing-page--dark .landing-svc--p2p {
  background: linear-gradient(160deg, #1e3a8a 0%, #1e293b 55%);
  border-color: #2563eb;
}

body.landing-page--dark .landing-svc-title {
  color: #f1f5f9;
}

body.landing-page--dark .landing-stats {
  border-color: #334155;
  background: #1e293b;
}

body.landing-page--dark .landing-stat-col + .landing-stat-col {
  border-left-color: #334155;
}

body.landing-page--dark .landing-stat-value {
  color: #f8fafc;
}

body.landing-page--dark .landing-stat-label {
  color: #94a3b8;
}

body.landing-page--dark .landing-security {
  border-color: #1d4ed8;
  background: linear-gradient(180deg, #1e293b 0%, #172554 100%);
}

body.landing-page--dark .landing-security-text h3 {
  color: #93c5fd;
}

body.landing-page--dark .landing-security-text p {
  color: #94a3b8;
}

body.landing-page--dark .landing-security-btn {
  background: #0f172a;
  border-color: #3b82f6;
  color: #60a5fa;
}

/* Light mode theme toggle (shared class) */
.landing-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.landing-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--timo-border);
  background: #fff;
  color: #334155;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

body.landing-page--dark .landing-theme-toggle:hover,
.landing-theme-toggle:hover {
  opacity: 0.92;
}