/* Светлая тема v4 - тёплый нейтраль, тёмный бирюзовый акцент */

html.theme-light body {
  background-color: transparent;
}

html.theme-light *::selection {
  background: var(--selection-bg);
  color: var(--selection-fg);
}

html.theme-light *::-moz-selection {
  background: var(--selection-bg);
  color: var(--selection-fg);
}

html.theme-light .page-bg {
  background-image:
    radial-gradient(ellipse 120% 80% at 8% -8%, var(--page-bg-1), transparent 52%),
    radial-gradient(ellipse 90% 65% at 100% 5%, var(--page-bg-2), transparent 48%),
    radial-gradient(ellipse 100% 55% at 50% 105%, var(--page-bg-3), transparent 42%),
    repeating-linear-gradient(
      -18deg,
      transparent,
      transparent 80px,
      rgba(24, 24, 27, 0.03) 80px,
      rgba(24, 24, 27, 0.03) 81px
    );
}

html.theme-light .site-header {
  border-bottom-color: var(--border);
  box-shadow: 0 1px 0 rgba(24, 24, 27, 0.06);
}

html.theme-light .flow-section--rail {
  background: linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg) 100%);
}

html.theme-light .context-menu {
  background: var(--bg-card);
  border-color: var(--border-strong);
  box-shadow: var(--shadow-menu);
}

html.theme-light .context-menu__item:hover:not(:disabled),
html.theme-light .context-menu__item:focus-visible {
  background: var(--accent-soft);
  color: var(--accent-dim);
}

html.theme-light .site-footer {
  border-top-color: var(--border);
  background: var(--bg-elevated);
}

html.theme-light .theme-toggle {
  border-color: var(--border-strong);
  background: var(--bg-card);
}

html.theme-light .theme-toggle::before {
  background: var(--accent);
}

html.theme-light.has-shader-bg .shader-bg {
  opacity: 0.42;
}