/* Light mode (default) */
:root {
  --surface-1: oklch(0.98 0.007 70);
  --text-1: oklch(0.30 0.007 70);   /* stone-800 */
  --text-2: oklch(0.45 0.007 70);   /* stone-600 */

  --link-color: oklch(0.48 0.04 175);
  --link-hover-color: oklch(0.43 0.04 175);
  --button-bg: oklch(0.48 0.04 175);
  --button-text: #FFFFFF;
}

/* Dark mode */
[data-theme="dark"] {
  --surface-1: oklch(0.22 0.007 70);
  --text-1: oklch(0.93 0.007 70);
  --text-2: oklch(0.72 0.007 70);

  --link-color: oklch(0.72 0.04 175);
  --link-hover-color: oklch(0.78 0.04 175);
  --button-bg: oklch(0.72 0.04 175);
  --button-text: #1f1f1f;
}