/* Light/Dark segmented toggle. Mount via fl.theme.mountToggle(target).
   Pages position the wrapper themselves (top-right is conventional). */
.fl-theme-toggle {
  display: inline-flex;
  gap: 0;
  background: var(--color-bg-3);
  padding: 3px;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-stroke-1);
  font-family: var(--font-sans);
}
.fl-theme-toggle button {
  border: 0;
  background: transparent;
  padding: 6px 12px;
  font: 500 11px/1 var(--font-sans);
  color: var(--color-fg-tertiary);
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: background var(--duration-fast), color var(--duration-fast);
}
.fl-theme-toggle button:hover { color: var(--color-fg-secondary); }
.fl-theme-toggle button.on {
  background: var(--color-bg-2);
  color: var(--color-fg-primary);
  box-shadow: var(--shadow-1);
}