/* Light theme variables */
:root {
  --font-display: 'Satoshi', 'Noto Sans SC', 'Microsoft YaHei', 'sans-serif' ;
}

.theme-zinc {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.141 0.004 285.8);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.141 0.004 285.8);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.141 0.004 285.8);

  --primary: oklch(0.210 0.006 285.9);
  --primary-foreground: oklch(0.985 0.000 0.0);

  --secondary: oklch(0.968 0.001 286.4);
  --secondary-foreground: oklch(0.210 0.006 285.9);

  --muted: oklch(0.968 0.001 286.4);
  --muted-foreground: oklch(0.552 0.014 285.9);

  --accent: oklch(0.968 0.001 286.4);
  --accent-foreground: oklch(0.210 0.006 285.9);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.985 0.000 0.0);

  --border: oklch(0.920 0.004 286.3);
  --input: oklch(0.920 0.004 286.3);
  --ring: oklch(0.210 0.006 285.9);
  --radius: 0.5rem;
}

.theme-zinc.dark {
  --background: oklch(0.141 0.004 285.8);
  --foreground: oklch(0.985 0.000 0.0);

  --card: oklch(0.141 0.004 285.8);
  --card-foreground: oklch(0.985 0.000 0.0);

  --popover: oklch(0.141 0.004 285.8);
  --popover-foreground: oklch(0.985 0.000 0.0);

  --primary: oklch(0.985 0.000 0.0);
  --primary-foreground: oklch(0.210 0.006 285.9);

  --secondary: oklch(0.274 0.005 286.0);
  --secondary-foreground: oklch(0.985 0.000 0.0);

  --muted: oklch(0.274 0.005 286.0);
  --muted-foreground: oklch(0.712 0.013 286.1);

  --accent: oklch(0.274 0.005 286.0);
  --accent-foreground: oklch(0.985 0.000 0.0);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.985 0.000 0.0);

  --border: oklch(0.274 0.005 286.0);
  --input: oklch(0.274 0.005 286.0);
  --ring: oklch(0.871 0.005 286.3);
}
.theme-rose {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.141 0.004 285.8);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.141 0.004 285.8);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.141 0.004 285.8);

  --primary: oklch(0.586 0.222 17.6);
  --primary-foreground: oklch(0.970 0.015 12.4);

  --secondary: oklch(0.968 0.001 286.4);
  --secondary-foreground: oklch(0.210 0.006 285.9);

  --muted: oklch(0.968 0.001 286.4);
  --muted-foreground: oklch(0.552 0.014 285.9);

  --accent: oklch(0.968 0.001 286.4);
  --accent-foreground: oklch(0.210 0.006 285.9);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.985 0.000 0.0);

  --border: oklch(0.920 0.004 286.3);
  --input: oklch(0.920 0.004 286.3);
  --ring: oklch(0.586 0.222 17.6);
  --radius: 0.5rem;
}
.theme-rose.dark {
  --background: oklch(0.147 0.004 49.3);
  --foreground: oklch(0.962 0.000 0.0);

  --card: oklch(0.216 0.006 56.0);
  --card-foreground: oklch(0.962 0.000 0.0);

  --popover: oklch(0.204 0.000 0.0);
  --popover-foreground: oklch(0.962 0.000 0.0);

  --primary: oklch(0.586 0.222 17.6);
  --primary-foreground: oklch(0.970 0.015 12.4);

  --secondary: oklch(0.274 0.005 286.0);
  --secondary-foreground: oklch(0.985 0.000 0.0);

  --muted: oklch(0.270 0.000 0.0);
  --muted-foreground: oklch(0.712 0.013 286.1);

  --accent: oklch(0.269 0.006 34.3);
  --accent-foreground: oklch(0.985 0.000 0.0);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.971 0.013 17.4);

  --border: oklch(0.274 0.005 286.0);
  --input: oklch(0.274 0.005 286.0);
  --ring: oklch(0.586 0.222 17.6);
}

.theme-green {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.141 0.004 285.8);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.141 0.004 285.8);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.141 0.004 285.8);

  --primary: oklch(0.627 0.170 149.2);
  --primary-foreground: oklch(0.970 0.015 12.4);

  --secondary: oklch(0.968 0.001 286.4);
  --secondary-foreground: oklch(0.210 0.006 285.9);

  --muted: oklch(0.968 0.001 286.4);
  --muted-foreground: oklch(0.552 0.014 285.9);

  --accent: oklch(0.968 0.001 286.4);
  --accent-foreground: oklch(0.210 0.006 285.9);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.985 0.000 0.0);

  --border: oklch(0.920 0.004 286.3);
  --input: oklch(0.920 0.004 286.3);
  --ring: oklch(0.627 0.170 149.2);
  --radius: 0.5rem;
}
.theme-green.dark {
  --background: oklch(0.147 0.004 49.3);
  --foreground: oklch(0.962 0.000 0.0);

  --card: oklch(0.216 0.006 56.0);
  --card-foreground: oklch(0.962 0.000 0.0);

  --popover: oklch(0.204 0.000 0.0);
  --popover-foreground: oklch(0.962 0.000 0.0);

  --primary: oklch(0.723 0.192 149.6);
  --primary-foreground: oklch(0.266 0.063 152.9);

  --secondary: oklch(0.274 0.005 286.0);
  --secondary-foreground: oklch(0.985 0.000 0.0);

  --muted: oklch(0.270 0.000 0.0);
  --muted-foreground: oklch(0.712 0.013 286.1);

  --accent: oklch(0.269 0.006 34.3);
  --accent-foreground: oklch(0.985 0.000 0.0);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.971 0.013 17.4);

  --border: oklch(0.274 0.005 286.0);
  --input: oklch(0.274 0.005 286.0);
  --ring: oklch(0.527 0.137 150.1);
}
.theme-blue {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.137 0.036 258.5);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.137 0.036 258.5);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.137 0.036 258.5);

  --primary: oklch(0.546 0.215 262.9);
  --primary-foreground: oklch(0.984 0.003 247.9);

  --secondary: oklch(0.968 0.007 247.9);
  --secondary-foreground: oklch(0.208 0.040 265.7);

  --muted: oklch(0.968 0.007 247.9);
  --muted-foreground: oklch(0.555 0.041 257.4);

  --accent: oklch(0.968 0.007 247.9);
  --accent-foreground: oklch(0.208 0.040 265.7);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.984 0.003 247.9);

  --border: oklch(0.929 0.013 255.5);
  --input: oklch(0.929 0.013 255.5);
  --ring: oklch(0.546 0.215 262.9);
  --radius: 0.5rem;
}
.theme-blue.dark {
  --background: oklch(0.137 0.036 258.5);
  --foreground: oklch(0.984 0.003 247.9);

  --card: oklch(0.137 0.036 258.5);
  --card-foreground: oklch(0.984 0.003 247.9);

  --popover: oklch(0.137 0.036 258.5);
  --popover-foreground: oklch(0.984 0.003 247.9);

  --primary: oklch(0.623 0.188 259.8);
  --primary-foreground: oklch(0.208 0.040 265.7);

  --secondary: oklch(0.280 0.037 260.0);
  --secondary-foreground: oklch(0.984 0.003 247.9);

  --muted: oklch(0.280 0.037 260.0);
  --muted-foreground: oklch(0.711 0.035 256.8);

  --accent: oklch(0.280 0.037 260.0);
  --accent-foreground: oklch(0.984 0.003 247.9);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.984 0.003 247.9);

  --border: oklch(0.280 0.037 260.0);
  --input: oklch(0.280 0.037 260.0);
  --ring: oklch(0.488 0.217 264.4);
}
.theme-yellow {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.147 0.004 49.3);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.147 0.004 49.3);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.147 0.004 49.3);

  --primary: oklch(0.860 0.173 91.8);
  --primary-foreground: oklch(0.285 0.064 53.8);

  --secondary: oklch(0.970 0.001 106.4);
  --secondary-foreground: oklch(0.216 0.006 56.0);

  --muted: oklch(0.970 0.001 106.4);
  --muted-foreground: oklch(0.553 0.012 58.1);

  --accent: oklch(0.970 0.001 106.4);
  --accent-foreground: oklch(0.216 0.006 56.0);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.985 0.001 106.4);

  --border: oklch(0.923 0.003 48.7);
  --input: oklch(0.923 0.003 48.7);
  --ring: oklch(0.147 0.004 49.3);
  --radius: 0.5rem;
}
.theme-yellow.dark {
  --background: oklch(0.147 0.004 49.3);
  --foreground: oklch(0.985 0.001 106.4);

  --card: oklch(0.147 0.004 49.3);
  --card-foreground: oklch(0.985 0.001 106.4);

  --popover: oklch(0.147 0.004 49.3);
  --popover-foreground: oklch(0.985 0.001 106.4);

  --primary: oklch(0.860 0.173 91.8);
  --primary-foreground: oklch(0.285 0.064 53.8);

  --secondary: oklch(0.269 0.006 34.3);
  --secondary-foreground: oklch(0.985 0.001 106.4);

  --muted: oklch(0.269 0.006 34.3);
  --muted-foreground: oklch(0.716 0.009 56.3);

  --accent: oklch(0.269 0.006 34.3);
  --accent-foreground: oklch(0.985 0.001 106.4);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.985 0.001 106.4);

  --border: oklch(0.269 0.006 34.3);
  --input: oklch(0.269 0.006 34.3);
  --ring: oklch(0.554 0.121 66.5);
}
.theme-slate {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.137 0.036 258.5);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.137 0.036 258.5);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.137 0.036 258.5);

  --primary: oklch(0.208 0.040 265.7);
  --primary-foreground: oklch(0.984 0.003 247.9);

  --secondary: oklch(0.968 0.007 247.9);
  --secondary-foreground: oklch(0.208 0.040 265.7);

  --muted: oklch(0.968 0.007 247.9);
  --muted-foreground: oklch(0.555 0.041 257.4);

  --accent: oklch(0.968 0.007 247.9);
  --accent-foreground: oklch(0.208 0.040 265.7);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.984 0.003 247.9);

  --border: oklch(0.929 0.013 255.5);
  --input: oklch(0.929 0.013 255.5);
  --ring: oklch(0.137 0.036 258.5);
  --radius: 0.5rem;
}

.theme-slate.dark {
  --background: oklch(0.137 0.036 258.5);
  --foreground: oklch(0.984 0.003 247.9);

  --card: oklch(0.137 0.036 258.5);
  --card-foreground: oklch(0.984 0.003 247.9);

  --popover: oklch(0.137 0.036 258.5);
  --popover-foreground: oklch(0.984 0.003 247.9);

  --primary: oklch(0.984 0.003 247.9);
  --primary-foreground: oklch(0.208 0.040 265.7);

  --secondary: oklch(0.280 0.037 260.0);
  --secondary-foreground: oklch(0.984 0.003 247.9);

  --muted: oklch(0.280 0.037 260.0);
  --muted-foreground: oklch(0.711 0.035 256.8);

  --accent: oklch(0.280 0.037 260.0);
  --accent-foreground: oklch(0.984 0.003 247.9);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.984 0.003 247.9);

  --border: oklch(0.280 0.037 260.0);
  --input: oklch(0.280 0.037 260.0);
  --ring: 212.7 26.8% 83.9;
}
.theme-stone {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.147 0.004 49.3);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.147 0.004 49.3);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.147 0.004 49.3);

  --primary: oklch(0.216 0.006 56.0);
  --primary-foreground: oklch(0.985 0.001 106.4);

  --secondary: oklch(0.970 0.001 106.4);
  --secondary-foreground: oklch(0.216 0.006 56.0);

  --muted: oklch(0.970 0.001 106.4);
  --muted-foreground: oklch(0.553 0.012 58.1);

  --accent: oklch(0.970 0.001 106.4);
  --accent-foreground: oklch(0.216 0.006 56.0);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.985 0.001 106.4);

  --border: oklch(0.923 0.003 48.7);
  --input: oklch(0.923 0.003 48.7);
  --ring: oklch(0.147 0.004 49.3);
  --radius: 0.5rem;
}
.theme-stone.dark {
  --background: oklch(0.147 0.004 49.3);
  --foreground: oklch(0.985 0.001 106.4);

  --card: oklch(0.147 0.004 49.3);
  --card-foreground: oklch(0.985 0.001 106.4);

  --popover: oklch(0.147 0.004 49.3);
  --popover-foreground: oklch(0.985 0.001 106.4);

  --primary: oklch(0.985 0.001 106.4);
  --primary-foreground: oklch(0.216 0.006 56.0);

  --secondary: oklch(0.269 0.006 34.3);
  --secondary-foreground: oklch(0.985 0.001 106.4);

  --muted: oklch(0.269 0.006 34.3);
  --muted-foreground: oklch(0.716 0.009 56.3);

  --accent: oklch(0.269 0.006 34.3);
  --accent-foreground: oklch(0.985 0.001 106.4);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.985 0.001 106.4);

  --border: oklch(0.269 0.006 34.3);
  --input: oklch(0.269 0.006 34.3);
  --ring: oklch(0.868 0.004 56.4);
}
.theme-gray {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.129 0.027 261.7);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.129 0.027 261.7);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.129 0.027 261.7);

  --primary: oklch(0.210 0.032 264.7);
  --primary-foreground: oklch(0.984 0.002 247.8);

  --secondary: oklch(0.967 0.003 264.5);
  --secondary-foreground: oklch(0.210 0.032 264.7);

  --muted: oklch(0.967 0.003 264.5);
  --muted-foreground: oklch(0.551 0.023 264.4);

  --accent: oklch(0.967 0.003 264.5);
  --accent-foreground: oklch(0.210 0.032 264.7);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.984 0.002 247.8);

  --border: oklch(0.928 0.006 264.5);
  --input: oklch(0.928 0.006 264.5);
  --ring: oklch(0.129 0.027 261.7);
  --radius: 0.5rem;
}

.theme-gray.dark {
  --background: oklch(0.129 0.027 261.7);
  --foreground: oklch(0.984 0.002 247.8);

  --card: oklch(0.129 0.027 261.7);
  --card-foreground: oklch(0.984 0.002 247.8);

  --popover: oklch(0.129 0.027 261.7);
  --popover-foreground: oklch(0.984 0.002 247.8);

  --primary: oklch(0.984 0.002 247.8);
  --primary-foreground: oklch(0.210 0.032 264.7);

  --secondary: oklch(0.278 0.030 256.8);
  --secondary-foreground: oklch(0.984 0.002 247.8);

  --muted: oklch(0.278 0.030 256.8);
  --muted-foreground: oklch(0.714 0.019 261.3);

  --accent: oklch(0.278 0.030 256.8);
  --accent-foreground: oklch(0.984 0.002 247.8);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.984 0.002 247.8);

  --border: oklch(0.278 0.030 256.8);
  --input: oklch(0.278 0.030 256.8);
  --ring: oklch(0.872 0.009 258.3);
}
.theme-neutral {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.145 0.000 0.0);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.145 0.000 0.0);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.145 0.000 0.0);

  --primary: oklch(0.204 0.000 0.0);
  --primary-foreground: oklch(0.985 0.000 0.0);

  --secondary: oklch(0.970 0.000 0.0);
  --secondary-foreground: oklch(0.204 0.000 0.0);

  --muted: oklch(0.970 0.000 0.0);
  --muted-foreground: oklch(0.556 0.000 0.0);

  --accent: oklch(0.970 0.000 0.0);
  --accent-foreground: oklch(0.204 0.000 0.0);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.985 0.000 0.0);

  --border: oklch(0.922 0.000 0.0);
  --input: oklch(0.922 0.000 0.0);
  --ring: oklch(0.145 0.000 0.0);
  --radius: 0.5rem;
}

.theme-neutral.dark {
  --background: oklch(0.145 0.000 0.0);
  --foreground: oklch(0.985 0.000 0.0);

  --card: oklch(0.145 0.000 0.0);
  --card-foreground: oklch(0.985 0.000 0.0);

  --popover: oklch(0.145 0.000 0.0);
  --popover-foreground: oklch(0.985 0.000 0.0);

  --primary: oklch(0.985 0.000 0.0);
  --primary-foreground: oklch(0.204 0.000 0.0);

  --secondary: oklch(0.269 0.000 0.0);
  --secondary-foreground: oklch(0.985 0.000 0.0);

  --muted: oklch(0.269 0.000 0.0);
  --muted-foreground: oklch(0.715 0.000 0.0);

  --accent: oklch(0.269 0.000 0.0);
  --accent-foreground: oklch(0.985 0.000 0.0);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.985 0.000 0.0);

  --border: oklch(0.269 0.000 0.0);
  --input: oklch(0.269 0.000 0.0);
  --ring: oklch(0.870 0.000 0.0);
}
.theme-red {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.145 0.000 0.0);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.145 0.000 0.0);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.145 0.000 0.0);

  --primary: oklch(0.577 0.215 27.3);
  --primary-foreground: oklch(0.971 0.013 17.4);

  --secondary: oklch(0.970 0.000 0.0);
  --secondary-foreground: oklch(0.204 0.000 0.0);

  --muted: oklch(0.970 0.000 0.0);
  --muted-foreground: oklch(0.556 0.000 0.0);

  --accent: oklch(0.970 0.000 0.0);
  --accent-foreground: oklch(0.204 0.000 0.0);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.985 0.000 0.0);

  --border: oklch(0.922 0.000 0.0);
  --input: oklch(0.922 0.000 0.0);
  --ring: oklch(0.577 0.215 27.3);
  --radius: 0.5rem;
}

.theme-red.dark {
  --background: oklch(0.145 0.000 0.0);
  --foreground: oklch(0.985 0.000 0.0);

  --card: oklch(0.145 0.000 0.0);
  --card-foreground: oklch(0.985 0.000 0.0);

  --popover: oklch(0.145 0.000 0.0);
  --popover-foreground: oklch(0.985 0.000 0.0);

  --primary: oklch(0.577 0.215 27.3);
  --primary-foreground: oklch(0.971 0.013 17.4);

  --secondary: oklch(0.269 0.000 0.0);
  --secondary-foreground: oklch(0.985 0.000 0.0);

  --muted: oklch(0.269 0.000 0.0);
  --muted-foreground: oklch(0.715 0.000 0.0);

  --accent: oklch(0.269 0.000 0.0);
  --accent-foreground: oklch(0.985 0.000 0.0);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.985 0.000 0.0);

  --border: oklch(0.269 0.000 0.0);
  --input: oklch(0.269 0.000 0.0);
  --ring: oklch(0.577 0.215 27.3);
}
.theme-orange {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.147 0.004 49.3);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.147 0.004 49.3);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.147 0.004 49.3);

  --primary: oklch(0.705 0.187 47.6);
  --primary-foreground: oklch(0.985 0.001 106.4);

  --secondary: oklch(0.970 0.001 106.4);
  --secondary-foreground: oklch(0.216 0.006 56.0);

  --muted: oklch(0.970 0.001 106.4);
  --muted-foreground: oklch(0.553 0.012 58.1);

  --accent: oklch(0.970 0.001 106.4);
  --accent-foreground: oklch(0.216 0.006 56.0);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.985 0.001 106.4);

  --border: oklch(0.923 0.003 48.7);
  --input: oklch(0.923 0.003 48.7);
  --ring: oklch(0.705 0.187 47.6);
  --radius: 0.5rem;
}

.theme-orange.dark {
  --background: oklch(0.147 0.004 49.3);
  --foreground: oklch(0.985 0.001 106.4);

  --card: oklch(0.147 0.004 49.3);
  --card-foreground: oklch(0.985 0.001 106.4);

  --popover: oklch(0.147 0.004 49.3);
  --popover-foreground: oklch(0.985 0.001 106.4);

  --primary: oklch(0.645 0.194 41.1);
  --primary-foreground: oklch(0.985 0.001 106.4);

  --secondary: oklch(0.269 0.006 34.3);
  --secondary-foreground: oklch(0.985 0.001 106.4);

  --muted: oklch(0.269 0.006 34.3);
  --muted-foreground: oklch(0.716 0.009 56.3);

  --accent: oklch(0.269 0.006 34.3);
  --accent-foreground: oklch(0.985 0.001 106.4);

  --destructive: oklch(0.577 0.215 27.3);
  --destructive-foreground: oklch(0.985 0.001 106.4);

  --border: oklch(0.269 0.006 34.3);
  --input: oklch(0.269 0.006 34.3);
  --ring: oklch(0.645 0.194 41.1);
}
.theme-violet {
  --background: oklch(1.000 0.000 0.0);
  --foreground: oklch(0.129 0.027 261.7);

  --card: oklch(1.000 0.000 0.0);
  --card-foreground: oklch(0.129 0.027 261.7);

  --popover: oklch(1.000 0.000 0.0);
  --popover-foreground: oklch(0.129 0.027 261.7);

  --primary: oklch(0.541 0.247 293.0);
  --primary-foreground: oklch(0.984 0.002 247.8);

  --secondary: oklch(0.967 0.003 264.5);
  --secondary-foreground: oklch(0.210 0.032 264.7);

  --muted: oklch(0.967 0.003 264.5);
  --muted-foreground: oklch(0.551 0.023 264.4);

  --accent: oklch(0.967 0.003 264.5);
  --accent-foreground: oklch(0.210 0.032 264.7);

  --destructive: oklch(0.637 0.208 25.3);
  --destructive-foreground: oklch(0.984 0.002 247.8);

  --border: oklch(0.928 0.006 264.5);
  --input: oklch(0.928 0.006 264.5);
  --ring: oklch(0.541 0.247 293.0);
  --radius: 0.5rem;
}

.theme-violet.dark {
  --background: oklch(0.129 0.027 261.7);
  --foreground: oklch(0.984 0.002 247.8);

  --card: oklch(0.129 0.027 261.7);
  --card-foreground: oklch(0.984 0.002 247.8);

  --popover: oklch(0.129 0.027 261.7);
  --popover-foreground: oklch(0.984 0.002 247.8);

  --primary: oklch(0.491 0.241 292.6);
  --primary-foreground: oklch(0.984 0.002 247.8);

  --secondary: oklch(0.278 0.030 256.8);
  --secondary-foreground: oklch(0.984 0.002 247.8);

  --muted: oklch(0.278 0.030 256.8);
  --muted-foreground: oklch(0.714 0.019 261.3);

  --accent: oklch(0.278 0.030 256.8);
  --accent-foreground: oklch(0.984 0.002 247.8);

  --destructive: oklch(0.396 0.133 25.7);
  --destructive-foreground: oklch(0.984 0.002 247.8);

  --border: oklch(0.278 0.030 256.8);
  --input: oklch(0.278 0.030 256.8);
  --ring: oklch(0.491 0.241 292.6);
}
