html[data-theme="ink"],
.theme-scope[data-theme="ink"] {
  --bg: oklch(99.2% 0.008 98);
  --surface: oklch(98.4% 0.01 98);
  --surface-muted: oklch(96.2% 0.014 145);
  --surface-elevated: oklch(100% 0.004 98);
  --fg: oklch(22% 0.04 158);
  --muted: oklch(48% 0.028 158);
  --accent: oklch(28% 0.08 158);
  --accent-chroma: oklch(42% 0.1 158);
  --accent-fg: oklch(99% 0.01 158);
}

html[data-theme="clay"],
.theme-scope[data-theme="clay"] {
  --bg: oklch(99% 0.01 55);
  --surface: oklch(97.8% 0.014 50);
  --surface-muted: oklch(95.5% 0.022 48);
  --surface-elevated: oklch(100% 0.006 55);
  --fg: oklch(24% 0.045 45);
  --muted: oklch(50% 0.03 45);
  --accent: oklch(42% 0.1 42);
  --accent-chroma: oklch(55% 0.12 40);
  --accent-fg: oklch(99% 0.01 55);
}

html[data-theme="indigo"],
.theme-scope[data-theme="indigo"] {
  --bg: oklch(99.1% 0.006 260);
  --surface: oklch(98% 0.01 255);
  --surface-muted: oklch(95.8% 0.018 255);
  --surface-elevated: oklch(100% 0.004 260);
  --fg: oklch(22% 0.045 265);
  --muted: oklch(48% 0.03 260);
  --accent: oklch(32% 0.09 265);
  --accent-chroma: oklch(46% 0.11 262);
  --accent-fg: oklch(99% 0.008 260);
}

html[data-theme="gold"],
.theme-scope[data-theme="gold"] {
  --bg: oklch(99.1% 0.012 92);
  --surface: oklch(97.8% 0.018 90);
  --surface-muted: oklch(95.2% 0.03 88);
  --surface-elevated: oklch(100% 0.006 92);
  --fg: oklch(26% 0.05 80);
  --muted: oklch(50% 0.035 82);
  --accent: oklch(48% 0.12 88);
  --accent-chroma: oklch(62% 0.14 86);
  --accent-fg: oklch(99% 0.01 92);
}

html[data-theme="grape"],
.theme-scope[data-theme="grape"] {
  --bg: oklch(99.1% 0.007 320);
  --surface: oklch(98% 0.012 315);
  --surface-muted: oklch(95.6% 0.02 315);
  --surface-elevated: oklch(100% 0.004 320);
  --fg: oklch(23% 0.045 320);
  --muted: oklch(48% 0.03 318);
  --accent: oklch(34% 0.09 322);
  --accent-chroma: oklch(48% 0.11 320);
  --accent-fg: oklch(99% 0.008 320);
}

html[data-theme="violet"],
.theme-scope[data-theme="violet"] {
  --bg: oklch(99.1% 0.008 295);
  --surface: oklch(98% 0.012 292);
  --surface-muted: oklch(95.6% 0.022 290);
  --surface-elevated: oklch(100% 0.004 295);
  --fg: oklch(23% 0.05 290);
  --muted: oklch(48% 0.032 290);
  --accent: oklch(36% 0.1 290);
  --accent-chroma: oklch(50% 0.12 288);
  --accent-fg: oklch(99% 0.008 295);
}

html[data-theme="aqua"],
.theme-scope[data-theme="aqua"] {
  --bg: oklch(99.2% 0.008 215);
  --surface: oklch(98% 0.012 212);
  --surface-muted: oklch(95.5% 0.022 210);
  --surface-elevated: oklch(100% 0.004 215);
  --fg: oklch(24% 0.045 215);
  --muted: oklch(48% 0.03 212);
  --accent: oklch(42% 0.08 210);
  --accent-chroma: oklch(55% 0.1 208);
  --accent-fg: oklch(99% 0.01 215);
}

html[data-theme="rose"],
.theme-scope[data-theme="rose"] {
  --bg: oklch(99.2% 0.008 350);
  --surface: oklch(98% 0.014 348);
  --surface-muted: oklch(95.8% 0.024 348);
  --surface-elevated: oklch(100% 0.004 350);
  --fg: oklch(24% 0.045 350);
  --muted: oklch(49% 0.03 348);
  --accent: oklch(48% 0.11 350);
  --accent-chroma: oklch(60% 0.13 348);
  --accent-fg: oklch(99% 0.01 350);
}

html[data-theme="charcoal"],
.theme-scope[data-theme="charcoal"] {
  --bg: oklch(99% 0.004 100);
  --surface: oklch(97.6% 0.006 100);
  --surface-muted: oklch(95% 0.008 100);
  --surface-elevated: oklch(100% 0.002 100);
  --fg: oklch(22% 0.012 100);
  --muted: oklch(48% 0.01 100);
  --accent: oklch(30% 0.02 100);
  --accent-chroma: oklch(42% 0.025 100);
  --accent-fg: oklch(98.5% 0.004 100);
}

html[data-theme="crimson"],
.theme-scope[data-theme="crimson"] {
  --bg: oklch(99.1% 0.008 20);
  --surface: oklch(98% 0.012 18);
  --surface-muted: oklch(95.8% 0.02 16);
  --surface-elevated: oklch(100% 0.004 20);
  --fg: oklch(23% 0.05 18);
  --muted: oklch(48% 0.032 18);
  --accent: oklch(38% 0.12 22);
  --accent-chroma: oklch(52% 0.14 20);
  --accent-fg: oklch(99% 0.01 20);
}