/* Fewa marketing site — dark theme (app-like) */

[data-theme="dark"] {
  color-scheme: dark;

  --bg: #12161A;
  --bg-warm: #1A1F23;
  --bg-elevated: #232A2F;
  --bg-dark: #0C0F11;
  --text: #E8E6E1;
  --text-muted: #9A9690;
  --accent: #7A96AE;
  --accent-dark: #9BB5C9;
  --accent-glow: rgba(107, 130, 153, 0.22);
  --accent-light: #2D3439;
  --gold: #C4A574;
  --border: #353C42;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.45);
  --shadow-premium: 0 32px 100px rgba(0, 0, 0, 0.55);
}

[data-theme="light"] {
  color-scheme: light;
}

/* Nav */
[data-theme="dark"] .site-header {
  background: rgba(18, 22, 26, 0.82);
  border-bottom-color: transparent;
}
[data-theme="dark"] .site-header.scrolled {
  border-color: var(--border);
  box-shadow: var(--shadow);
}
[data-theme="dark"] .lang-toggle button.active,
[data-theme="dark"] .lang-picker-menu button.active {
  background: var(--accent-light);
  color: var(--text);
}
[data-theme="dark"] .lang-picker-btn,
[data-theme="dark"] .lang-picker-menu {
  background: var(--bg-elevated);
  border-color: var(--border);
}
[data-theme="dark"] .app-install-card {
  background: var(--bg-elevated);
  border-color: var(--border);
}

/* Theme toggle */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  padding: 0;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--bg-elevated);
  color: var(--text-muted);
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
  flex-shrink: 0;
}
.theme-toggle:hover {
  border-color: var(--accent);
  color: var(--text);
}
.theme-toggle svg { display: block; }
.theme-toggle .icon-sun { display: none; }
[data-theme="dark"] .theme-toggle .icon-moon { display: none; }
[data-theme="dark"] .theme-toggle .icon-sun { display: block; }

/* Hero dashboard — dark theme */
[data-theme="dark"] .hero-dash-body {
  background: linear-gradient(180deg, #1A1F23 0%, #14181B 100%);
}
[data-theme="dark"] .hero-dash .app-chrome { background: #12161A; }
[data-theme="dark"] .hd-kpi,
[data-theme="dark"] .hd-chart-card,
[data-theme="dark"] .hd-insight {
  background: var(--bg-elevated);
  border-color: var(--border);
}
[data-theme="dark"] .hd-head-row h4,
[data-theme="dark"] .hd-kpi strong,
[data-theme="dark"] .hd-card-head strong,
[data-theme="dark"] .hd-insight strong { color: var(--text); }
[data-theme="dark"] .hd-seg { background: #252B30; }
[data-theme="dark"] .hd-seg span.on { background: #2D3439; color: var(--text); }
[data-theme="dark"] .hd-area-chart line { stroke: #2D3439; }
[data-theme="dark"] .hero-float-card {
  background: var(--bg-elevated);
  border-color: var(--border);
}
[data-theme="dark"] .hero-badge {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text-muted);
  box-shadow: none;
}
[data-theme="dark"] .price-hero-card {
  background: linear-gradient(135deg, #2D3439 0%, #1E2428 100%);
  border: 1px solid var(--border);
}
[data-theme="dark"] .btn-primary {
  background: linear-gradient(135deg, #E8E6E1 0%, #C4D4E0 100%);
  color: #1A1F23;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
[data-theme="dark"] .btn-primary:hover {
  color: #1A1F23;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}
[data-theme="dark"] .btn-secondary {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}
[data-theme="dark"] .btn-secondary:hover {
  border-color: var(--accent);
  background: var(--accent-light);
}

/* Hero / screen floats */
[data-theme="dark"] .screen-main,
[data-theme="dark"] .screen-float {
  border-color: var(--border);
  box-shadow: var(--shadow-premium);
}

/* Module tags & banners */
[data-theme="dark"] .module-tag {
  background: rgba(107, 130, 153, 0.14);
  border-color: rgba(107, 130, 153, 0.28);
  color: var(--accent-dark);
}
[data-theme="dark"] .banner-frame {
  border-color: #3D4349;
  box-shadow: var(--shadow-lg);
}
[data-theme="dark"] .module-banner:hover .banner-frame {
  box-shadow: var(--shadow-premium);
}

/* Shot tabs */
[data-theme="dark"] .shot-tab.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #0C0F11;
}
[data-theme="dark"] .shot-tab.active strong,
[data-theme="dark"] .shot-tab.active span {
  color: #0C0F11;
}
[data-theme="dark"] .shot-tab.active span { opacity: 0.72; }

/* Analytics strip — keep contrast in dark mode */
[data-theme="dark"] .bg-dark {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(107, 130, 153, 0.12), transparent 60%),
    var(--bg-dark);
  border-block: 1px solid var(--border);
}
[data-theme="dark"] .bg-dark .section-title { color: var(--text); }

/* Pricing card */
[data-theme="dark"] .pricing-hero-card {
  background: var(--bg-elevated);
  border-color: var(--accent);
  box-shadow: var(--shadow-premium);
}

/* CTA band */
[data-theme="dark"] .cta-band {
  background: linear-gradient(135deg, #2D3439 0%, #1E2428 45%, #3D5568 100%);
  border: 1px solid var(--border);
}
[data-theme="dark"] .cta-band .btn-primary {
  background: var(--text);
  color: var(--bg-dark);
}

/* Forms */
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
  background: var(--bg-warm);
  border-color: var(--border);
  color: var(--text);
}

/* Footer */
[data-theme="dark"] .site-footer {
  background: #0C0F11;
  border-top: 1px solid var(--border);
}

/* Feature chips */
[data-theme="dark"] .feature-chip:hover {
  border-color: var(--accent);
  background: var(--bg-elevated);
}

/* Pills */
[data-theme="dark"] .pill:hover {
  background: var(--bg-elevated);
}

/* Steps */
[data-theme="dark"] .step::before {
  background: var(--accent);
  color: #0C0F11;
}