/* Light mode overrides — warm, soft palette for sustained reading */
html.light-mode {
  --wp--preset--color--base: #FAFAF8;
  --wp--preset--color--contrast: #2A2A28;
  --wp--preset--color--accent-1: #503AA8;
  --wp--preset--color--accent-2: #7B5EC7;
  --wp--preset--color--accent-3: #503AA8;
  --wp--preset--color--accent-4: #6B6B68;
  --wp--preset--color--accent-5: #F0EDE6;
  --wp--preset--color--accent-6: rgba(0, 0, 0, 0.1);
}

html.light-mode body {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
}

/* Links: deep purple in light mode for readability */
html.light-mode a {
  color: var(--wp--preset--color--accent-1);
}

html.light-mode a:hover {
  color: var(--wp--preset--color--accent-2);
}

/* Code blocks */
html.light-mode .wp-block-code {
  background-color: var(--wp--preset--color--accent-5);
  color: var(--wp--preset--color--contrast);
}

/* Separators */
html.light-mode .wp-block-separator {
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.12);
}

/* Quote borders */
html.light-mode .wp-block-quote {
  border-color: var(--wp--preset--color--accent-1);
}

/* Tables */
html.light-mode .wp-block-table table {
  border-color: rgba(0, 0, 0, 0.1);
}

html.light-mode .wp-block-table th,
html.light-mode .wp-block-table td {
  border-color: rgba(0, 0, 0, 0.1);
}

/* Navigation and header */
html.light-mode .wp-block-navigation a {
  color: var(--wp--preset--color--contrast);
}

/* Buttons */
html.light-mode .wp-block-button__link {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

/* Toggle button styling */
#theme-toggle {
  background: none;
  border: 1px solid currentColor;
  border-radius: 2rem;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 1;
  opacity: 0.6;
  padding: 0.35em 0.8em;
  transition: opacity 0.2s ease;
}

#theme-toggle:hover {
  opacity: 1;
}