body[data-site-palette] {
  --color-bg: var(--site-white);
  --color-surface: var(--site-white);
  --color-surface-2: var(--site-soft);
  --color-text: var(--site-ink);
  --color-text-secondary: var(--site-muted);
  --color-text-subtle: var(--site-muted);
  --color-border: var(--site-soft);
  --color-border-strong: var(--site-muted);
  --color-accent: var(--site-ink);
  --color-accent-hover: var(--site-muted);
  --color-amber: var(--site-muted);
  --color-amber-aa: var(--site-ink);
  --color-amber-soft: var(--site-soft);
  --color-turquoise: var(--site-muted);
  --color-turquoise-soft: var(--site-soft);
  background-color: var(--site-white);
  color: var(--site-ink);
}

body[data-site-palette] ::selection {
  background: var(--site-soft);
  color: var(--site-ink);
}