/* Theme-specific refinements beyond CSS variables */

[data-theme="dark"] .site-header:not(.is-scrolled) {
  background: transparent;
}

[data-theme="dark"] .mockup {
  box-shadow: var(--shadow-xl), 0 0 0 1px rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .cta-band {
  box-shadow: 0 20px 60px rgba(37, 99, 235, 0.35);
}

[data-theme="dark"] .btn-secondary {
  background: var(--color-bg-elevated);
}

[data-theme="dark"] .logo-placeholder {
  background: var(--color-bg-elevated);
}

.theme-icon-sun,
.theme-icon-moon {
  display: none;
}

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

[data-theme="dark"] .theme-icon-sun {
  display: block;
}