/* Theme Context Styles */

/* Dark theme context */
.dark-bg {
  color: var(--color-text);

  --theme-bg: var(--bg-elevated);
  --theme-bg-subtle: var(--color-surface);
  --theme-bg-muted: var(--bg-dark);
  --theme-bg-input: var(--bg-input);
  --theme-surface: var(--color-surface);
  --theme-border: var(--border-light);
  --theme-border-strong: var(--border-default);
  --theme-border-subtle: var(--border-white-subtle);
  --theme-text: var(--color-text);
  --theme-text-muted: var(--color-text-muted);
  --theme-text-secondary: var(--color-text-subtle);
  --theme-text-faint: var(--color-text-faint);
  --theme-text-bright: var(--color-text-bright);

  /* Switch/toggle */
  --theme-switch-track: rgba(255, 255, 255, 0.1);
  --theme-switch-track-hover: rgba(255, 255, 255, 0.15);
  --theme-switch-knob: var(--color-text);
  --theme-switch-knob-checked: var(--color-black);
  --theme-switch-knob-shadow: none;

  /* Page header */
  --theme-page-header-start: var(--bg-section);
  --theme-page-header-end: var(--bg-elevated);
}

/* Light theme context */
.light-bg {
  color: var(--light-text);

  --theme-bg: var(--light-bg);
  --theme-bg-subtle: var(--light-bg-subtle);
  --theme-bg-muted: var(--light-bg-muted);
  --theme-bg-input: var(--light-bg);
  --theme-surface: var(--light-bg);
  --theme-border: var(--light-border);
  --theme-border-strong: var(--light-border-strong);
  --theme-border-subtle: var(--light-border);
  --theme-text: var(--light-text);
  --theme-text-muted: var(--light-text-muted);
  --theme-text-secondary: var(--light-text-secondary);
  --theme-text-faint: var(--light-text-muted);
  --theme-text-bright: var(--light-text);

  /* Switch/toggle */
  --theme-switch-track: var(--light-border);
  --theme-switch-track-hover: var(--light-border-strong);
  --theme-switch-knob: white;
  --theme-switch-knob-checked: white;
  --theme-switch-knob-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  /* Page header */
  --theme-page-header-start: var(--light-bg-blue-strong);
  --theme-page-header-end: var(--light-bg-blue);
}