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

  --f42-brand: #c9a8cb;
  --f42-brand-soft: #99839a;
  --f42-brand-muted: #3a2a3b;
  --f42-accent: #45d568;
  --f42-accent-hover: #5ee07a;
  --f42-accent-soft: #1a3d24;

  --f42-bg: #000000;
  --f42-surface: #1c1c1e;
  --f42-surface-elevated: #1c1c1e;
  --f42-border: rgba(255, 255, 255, 0.1);
  --f42-border-strong: rgba(255, 255, 255, 0.16);

  --f42-text: #f5f5f7;
  --f42-text-secondary: #a1a1a6;
  --f42-text-tertiary: #6e6e73;
  --f42-text-inverse: #1d1d1f;

  --f42-nav-bg: #503851;
  --f42-nav-text: #ffffff;
  --f42-nav-text-muted: rgba(255, 255, 255, 0.75);
  --f42-footer-bg: #3a283b;
  --f42-footer-text: rgba(255, 255, 255, 0.92);
  --f42-footer-text-muted: rgba(255, 255, 255, 0.62);

  --f42-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --f42-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
  --f42-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.45);
}

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

.f42-theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--f42-radius-sm);
  background: rgba(255, 255, 255, 0.08);
  color: var(--f42-nav-text);
  cursor: pointer;
  transition: background var(--f42-duration) var(--f42-ease), transform var(--f42-duration) var(--f42-ease);
}

.f42-theme-toggle:hover {
  background: rgba(255, 255, 255, 0.16);
}

.f42-theme-toggle:active {
  transform: scale(0.96);
}

.f42-theme-toggle svg {
  display: block;
}

html[data-theme="light"] .f42-theme-toggle__icon--dark,
html:not([data-theme]) .f42-theme-toggle__icon--dark {
  display: none;
}

html[data-theme="dark"] .f42-theme-toggle__icon--light {
  display: none;
}

html[data-theme="dark"] .f42-theme-toggle__icon--dark {
  display: block;
}

html[data-theme="light"] .f42-theme-toggle__icon--light,
html:not([data-theme]) .f42-theme-toggle__icon--light {
  display: block;
}