[data-theme="dark"] {
  color-scheme: dark;

  --acat-color-surface: color-mix(in srgb, var(--acat-color-secondary) 92%, var(--acat-color-primary));
  --acat-color-surface-alt: color-mix(in srgb, var(--acat-color-secondary) 82%, var(--acat-color-primary));
  --acat-color-background: color-mix(in srgb, var(--acat-color-secondary) 96%, var(--acat-color-primary));
  --acat-color-ink: var(--acat-color-white);
  --acat-color-muted: color-mix(in srgb, var(--acat-color-white) 72%, var(--acat-color-secondary));
  --acat-color-line: color-mix(in srgb, var(--acat-color-white) 14%, transparent);
  --acat-color-shadow: color-mix(in srgb, var(--acat-color-secondary) 42%, transparent);
}