:root {
  --ui-color-primary-50: oklch(98.5% 0.056 57.6);
  --ui-color-primary-100: oklch(97.0% 0.094 57.6);
  --ui-color-primary-200: oklch(92.2% 0.172 57.6);
  --ui-color-primary-300: oklch(87.0% 0.172 57.6);
  --ui-color-primary-400: oklch(70.8% 0.172 57.6);
  --ui-color-primary-500: oklch(55.6% 0.172 57.6);
  --ui-color-primary-600: oklch(43.9% 0.172 57.6);
  --ui-color-primary-700: oklch(37.1% 0.172 57.6);
  --ui-color-primary-800: oklch(26.9% 0.137 57.6);
  --ui-color-primary-900: oklch(20.5% 0.137 57.6);
  --ui-color-primary-950: oklch(14.5% 0.137 57.6);
}

.light {
  --primary: var(--ui-color-primary-500);
}

.dark {
  --primary: var(--ui-color-primary-400);
}