:root {
  --surface-color: oklch(1 0 0);
  --surface-content-color: oklch(0 0 0);

  --primary-color: oklch(48.8% 0.243 264.376);
  --primary-content-color: oklch(92.2% 0 0);

  --accent-color: oklch(44.4% 0.011 73.639);
  --accent-content-color: oklch(98.5% 0.001 106.423);

  /* ... */
}

.dark {
  --surface-color: oklch(0% 0 0);
  --surface-content-color: oklch(1 0 0);

  --primary-color: oklch(51.12% 0.21162 265.388);
  --primary-content-color: oklch(92.2% 0 0);

  --accent-color: oklch(44.4% 0.011 73.639);
  --accent-content-color: oklch(98.5% 0.001 106.423);

  /* ... */
}

@theme {
  --color-surface: var(--surface-color);
  --color-surface-content: var(--surface-content-color);

  --color-primary: var(--primary-color);
  --color-primary-content: var(--primary-content-color);

  --color-accent: var(--accent-color);
  --color-accent-content: var(--accent-content-color);

  /* ... */
}