/* Maps semantic tokens to legacy theme CSS variables. */

:root,
[data-theme="light"] {
  --light-primary-color: 253, 246, 227;
  --light-secondary-color: hsl(var(--color-bg-surface-1));
  --light-tertiary-color: hsl(var(--color-bg-code));
  --light-text-color: hsl(var(--color-text-primary));
  --accent-color: hsl(var(--color-accent));
  --post-content-bg: hsl(var(--color-bg-surface-2));
}

html:has(link#dark-theme:not([disabled])),
[data-theme="dark"] {
  --dark-primary-color: 34, 39, 46;
  --dark-secondary-color: hsl(var(--color-bg-surface-1));
  --dark-tertiary-color: hsl(var(--color-bg-surface-3));
  --dark-text-color: hsl(var(--color-text-primary));
  --accent-color: hsl(var(--color-accent));
  --post-content-bg: hsl(var(--color-bg-surface-2));
}