/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
.theme-stone {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.147 0.004 49.25);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.147 0.004 49.25);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.147 0.004 49.25);
  --primary: oklch(0.216 0.006 56.043);
  --primary-foreground: oklch(0.985 0.001 106.423);
  --secondary: oklch(0.97 0.001 106.424);
  --secondary-foreground: oklch(0.216 0.006 56.043);
  --muted: oklch(0.97 0.001 106.424);
  --muted-foreground: oklch(0.553 0.013 58.071);
  --accent: oklch(0.97 0.001 106.424);
  --accent-foreground: oklch(0.216 0.006 56.043);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.923 0.003 48.717);
  --input: oklch(0.923 0.003 48.717);
  --ring: oklch(0.709 0.01 56.259);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0.001 106.423);
  --sidebar-foreground: oklch(0.147 0.004 49.25);
  --sidebar-primary: oklch(0.216 0.006 56.043);
  --sidebar-primary-foreground: oklch(0.985 0.001 106.423);
  --sidebar-accent: oklch(0.97 0.001 106.424);
  --sidebar-accent-foreground: oklch(0.216 0.006 56.043);
  --sidebar-border: oklch(0.923 0.003 48.717);
  --sidebar-ring: oklch(0.709 0.01 56.259);
  &:is(.dark *) {
    --background: oklch(0.147 0.004 49.25);
    --foreground: oklch(0.985 0.001 106.423);
    --card: oklch(0.216 0.006 56.043);
    --card-foreground: oklch(0.985 0.001 106.423);
    --popover: oklch(0.216 0.006 56.043);
    --popover-foreground: oklch(0.985 0.001 106.423);
    --primary: oklch(0.923 0.003 48.717);
    --primary-foreground: oklch(0.216 0.006 56.043);
    --secondary: oklch(0.268 0.007 34.298);
    --secondary-foreground: oklch(0.985 0.001 106.423);
    --muted: oklch(0.268 0.007 34.298);
    --muted-foreground: oklch(0.709 0.01 56.259);
    --accent: oklch(0.268 0.007 34.298);
    --accent-foreground: oklch(0.985 0.001 106.423);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.553 0.013 58.071);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.216 0.006 56.043);
    --sidebar-foreground: oklch(0.985 0.001 106.423);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.985 0.001 106.423);
    --sidebar-accent: oklch(0.268 0.007 34.298);
    --sidebar-accent-foreground: oklch(0.985 0.001 106.423);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.553 0.013 58.071);
  }
}
.theme-zinc {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.141 0.005 285.823);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.141 0.005 285.823);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.141 0.005 285.823);
  --primary: oklch(0.21 0.006 285.885);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.967 0.001 286.375);
  --secondary-foreground: oklch(0.21 0.006 285.885);
  --muted: oklch(0.967 0.001 286.375);
  --muted-foreground: oklch(0.552 0.016 285.938);
  --accent: oklch(0.967 0.001 286.375);
  --accent-foreground: oklch(0.21 0.006 285.885);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.92 0.004 286.32);
  --input: oklch(0.92 0.004 286.32);
  --ring: oklch(0.705 0.015 286.067);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.141 0.005 285.823);
  --sidebar-primary: oklch(0.21 0.006 285.885);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.967 0.001 286.375);
  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
  --sidebar-border: oklch(0.92 0.004 286.32);
  --sidebar-ring: oklch(0.705 0.015 286.067);
  &:is(.dark *) {
    --background: oklch(0.141 0.005 285.823);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.21 0.006 285.885);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.21 0.006 285.885);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.92 0.004 286.32);
    --primary-foreground: oklch(0.21 0.006 285.885);
    --secondary: oklch(0.274 0.006 286.033);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.274 0.006 286.033);
    --muted-foreground: oklch(0.705 0.015 286.067);
    --accent: oklch(0.274 0.006 286.033);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.552 0.016 285.938);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.21 0.006 285.885);
    --sidebar-foreground: oklch(0.985 0 0);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.274 0.006 286.033);
    --sidebar-accent-foreground: oklch(0.985 0 0);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.552 0.016 285.938);
  }
}
.theme-neutral {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
  &:is(.dark *) {
    --background: oklch(0.145 0 0);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.205 0 0);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.205 0 0);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.922 0 0);
    --primary-foreground: oklch(0.205 0 0);
    --secondary: oklch(0.269 0 0);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.269 0 0);
    --muted-foreground: oklch(0.708 0 0);
    --accent: oklch(0.269 0 0);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.556 0 0);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.205 0 0);
    --sidebar-foreground: oklch(0.985 0 0);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.269 0 0);
    --sidebar-accent-foreground: oklch(0.985 0 0);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.556 0 0);
  }
}
.theme-gray {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.13 0.028 261.692);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.13 0.028 261.692);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.13 0.028 261.692);
  --primary: oklch(0.21 0.034 264.665);
  --primary-foreground: oklch(0.985 0.002 247.839);
  --secondary: oklch(0.967 0.003 264.542);
  --secondary-foreground: oklch(0.21 0.034 264.665);
  --muted: oklch(0.967 0.003 264.542);
  --muted-foreground: oklch(0.551 0.027 264.364);
  --accent: oklch(0.967 0.003 264.542);
  --accent-foreground: oklch(0.21 0.034 264.665);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.928 0.006 264.531);
  --input: oklch(0.928 0.006 264.531);
  --ring: oklch(0.707 0.022 261.325);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0.002 247.839);
  --sidebar-foreground: oklch(0.13 0.028 261.692);
  --sidebar-primary: oklch(0.21 0.034 264.665);
  --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
  --sidebar-accent: oklch(0.967 0.003 264.542);
  --sidebar-accent-foreground: oklch(0.21 0.034 264.665);
  --sidebar-border: oklch(0.928 0.006 264.531);
  --sidebar-ring: oklch(0.707 0.022 261.325);
  &:is(.dark *) {
    --background: oklch(0.13 0.028 261.692);
    --foreground: oklch(0.985 0.002 247.839);
    --card: oklch(0.21 0.034 264.665);
    --card-foreground: oklch(0.985 0.002 247.839);
    --popover: oklch(0.21 0.034 264.665);
    --popover-foreground: oklch(0.985 0.002 247.839);
    --primary: oklch(0.928 0.006 264.531);
    --primary-foreground: oklch(0.21 0.034 264.665);
    --secondary: oklch(0.278 0.033 256.848);
    --secondary-foreground: oklch(0.985 0.002 247.839);
    --muted: oklch(0.278 0.033 256.848);
    --muted-foreground: oklch(0.707 0.022 261.325);
    --accent: oklch(0.278 0.033 256.848);
    --accent-foreground: oklch(0.985 0.002 247.839);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.551 0.027 264.364);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.21 0.034 264.665);
    --sidebar-foreground: oklch(0.985 0.002 247.839);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
    --sidebar-accent: oklch(0.278 0.033 256.848);
    --sidebar-accent-foreground: oklch(0.985 0.002 247.839);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.551 0.027 264.364);
  }
}
.theme-slate {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.129 0.042 264.695);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.129 0.042 264.695);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.129 0.042 264.695);
  --primary: oklch(0.208 0.042 265.755);
  --primary-foreground: oklch(0.984 0.003 247.858);
  --secondary: oklch(0.968 0.007 247.896);
  --secondary-foreground: oklch(0.208 0.042 265.755);
  --muted: oklch(0.968 0.007 247.896);
  --muted-foreground: oklch(0.554 0.046 257.417);
  --accent: oklch(0.968 0.007 247.896);
  --accent-foreground: oklch(0.208 0.042 265.755);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.929 0.013 255.508);
  --input: oklch(0.929 0.013 255.508);
  --ring: oklch(0.704 0.04 256.788);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.984 0.003 247.858);
  --sidebar-foreground: oklch(0.129 0.042 264.695);
  --sidebar-primary: oklch(0.208 0.042 265.755);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.968 0.007 247.896);
  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
  --sidebar-border: oklch(0.929 0.013 255.508);
  --sidebar-ring: oklch(0.704 0.04 256.788);
  &:is(.dark *) {
    --background: oklch(0.129 0.042 264.695);
    --foreground: oklch(0.984 0.003 247.858);
    --card: oklch(0.208 0.042 265.755);
    --card-foreground: oklch(0.984 0.003 247.858);
    --popover: oklch(0.208 0.042 265.755);
    --popover-foreground: oklch(0.984 0.003 247.858);
    --primary: oklch(0.929 0.013 255.508);
    --primary-foreground: oklch(0.208 0.042 265.755);
    --secondary: oklch(0.279 0.041 260.031);
    --secondary-foreground: oklch(0.984 0.003 247.858);
    --muted: oklch(0.279 0.041 260.031);
    --muted-foreground: oklch(0.704 0.04 256.788);
    --accent: oklch(0.279 0.041 260.031);
    --accent-foreground: oklch(0.984 0.003 247.858);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.551 0.027 264.364);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.208 0.042 265.755);
    --sidebar-foreground: oklch(0.984 0.003 247.858);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
    --sidebar-accent: oklch(0.279 0.041 260.031);
    --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.551 0.027 264.364);
  }
}
.theme-red {
  --radius: 0.5rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.141 0.005 285.823);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.141 0.005 285.823);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.141 0.005 285.823);
  --primary: oklch(0.645 0.246 16.439);
  --primary-foreground: oklch(0.969 0.015 12.422);
  --secondary: oklch(0.967 0.001 286.375);
  --secondary-foreground: oklch(0.21 0.006 285.885);
  --muted: oklch(0.967 0.001 286.375);
  --muted-foreground: oklch(0.552 0.016 285.938);
  --accent: oklch(0.967 0.001 286.375);
  --accent-foreground: oklch(0.21 0.006 285.885);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.92 0.004 286.32);
  --input: oklch(0.92 0.004 286.32);
  --ring: oklch(0.645 0.246 16.439);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.141 0.005 285.823);
  --sidebar-primary: oklch(0.645 0.246 16.439);
  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
  --sidebar-accent: oklch(0.967 0.001 286.375);
  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
  --sidebar-border: oklch(0.92 0.004 286.32);
  --sidebar-ring: oklch(0.645 0.246 16.439);
  &:is(.dark *) {
    --background: oklch(0.141 0.005 285.823);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.21 0.006 285.885);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.21 0.006 285.885);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.645 0.246 16.439);
    --primary-foreground: oklch(0.969 0.015 12.422);
    --secondary: oklch(0.274 0.006 286.033);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.274 0.006 286.033);
    --muted-foreground: oklch(0.705 0.015 286.067);
    --accent: oklch(0.274 0.006 286.033);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.645 0.246 16.439);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.21 0.006 285.885);
    --sidebar-foreground: oklch(0.985 0 0);
    --sidebar-primary: oklch(0.645 0.246 16.439);
    --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
    --sidebar-accent: oklch(0.274 0.006 286.033);
    --sidebar-accent-foreground: oklch(0.985 0 0);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.645 0.246 16.439);
  }
}
.theme-blue {
  --radius: 0.5rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.141 0.005 285.823);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.141 0.005 285.823);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.141 0.005 285.823);
  --primary: oklch(0.623 0.214 259.815);
  --primary-foreground: oklch(0.97 0.014 254.604);
  --secondary: oklch(0.967 0.001 286.375);
  --secondary-foreground: oklch(0.21 0.006 285.885);
  --muted: oklch(0.967 0.001 286.375);
  --muted-foreground: oklch(0.552 0.016 285.938);
  --accent: oklch(0.967 0.001 286.375);
  --accent-foreground: oklch(0.21 0.006 285.885);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.92 0.004 286.32);
  --input: oklch(0.92 0.004 286.32);
  --ring: oklch(0.623 0.214 259.815);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.141 0.005 285.823);
  --sidebar-primary: oklch(0.623 0.214 259.815);
  --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
  --sidebar-accent: oklch(0.967 0.001 286.375);
  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
  --sidebar-border: oklch(0.92 0.004 286.32);
  --sidebar-ring: oklch(0.623 0.214 259.815);
  &:is(.dark *) {
    --background: oklch(0.141 0.005 285.823);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.21 0.006 285.885);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.21 0.006 285.885);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.546 0.245 262.881);
    --primary-foreground: oklch(0.379 0.146 265.522);
    --secondary: oklch(0.274 0.006 286.033);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.274 0.006 286.033);
    --muted-foreground: oklch(0.705 0.015 286.067);
    --accent: oklch(0.274 0.006 286.033);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.488 0.243 264.376);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.21 0.006 285.885);
    --sidebar-foreground: oklch(0.985 0 0);
    --sidebar-primary: oklch(0.546 0.245 262.881);
    --sidebar-primary-foreground: oklch(0.379 0.146 265.522);
    --sidebar-accent: oklch(0.274 0.006 286.033);
    --sidebar-accent-foreground: oklch(0.985 0 0);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.488 0.243 264.376);
  }
}
.theme-amber-minimal {
  --background: oklch(1.00 0 0);
  --foreground: oklch(0.27 0 0);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.27 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.27 0 0);
  --primary: oklch(0.77 0.16 70.08);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.97 0.00 264.54);
  --secondary-foreground: oklch(0.45 0.03 256.80);
  --muted: oklch(0.98 0.00 247.84);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.99 0.02 95.28);
  --accent-foreground: oklch(0.47 0.12 46.20);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.93 0.01 264.53);
  --input: oklch(0.93 0.01 264.53);
  --ring: oklch(0.77 0.16 70.08);
  --chart-1: oklch(0.77 0.16 70.08);
  --chart-2: oklch(0.67 0.16 58.32);
  --chart-3: oklch(0.56 0.15 49.00);
  --chart-4: oklch(0.47 0.12 46.20);
  --chart-5: oklch(0.41 0.11 45.90);
  --sidebar: oklch(0.98 0.00 247.84);
  --sidebar-foreground: oklch(0.27 0 0);
  --sidebar-primary: oklch(0.77 0.16 70.08);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.99 0.02 95.28);
  --sidebar-accent-foreground: oklch(0.47 0.12 46.20);
  --sidebar-border: oklch(0.93 0.01 264.53);
  --sidebar-ring: oklch(0.77 0.16 70.08);
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.20 0 0);
    --foreground: oklch(0.92 0 0);
    --card: oklch(0.27 0 0);
    --card-foreground: oklch(0.92 0 0);
    --popover: oklch(0.27 0 0);
    --popover-foreground: oklch(0.92 0 0);
    --primary: oklch(0.77 0.16 70.08);
    --primary-foreground: oklch(0 0 0);
    --secondary: oklch(0.27 0 0);
    --secondary-foreground: oklch(0.92 0 0);
    --muted: oklch(0.27 0 0);
    --muted-foreground: oklch(0.72 0 0);
    --accent: oklch(0.47 0.12 46.20);
    --accent-foreground: oklch(0.92 0.12 95.75);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.37 0 0);
    --input: oklch(0.37 0 0);
    --ring: oklch(0.77 0.16 70.08);
    --chart-1: oklch(0.84 0.16 84.43);
    --chart-2: oklch(0.67 0.16 58.32);
    --chart-3: oklch(0.47 0.12 46.20);
    --chart-4: oklch(0.56 0.15 49.00);
    --chart-5: oklch(0.47 0.12 46.20);
    --sidebar: oklch(0.17 0 0);
    --sidebar-foreground: oklch(0.92 0 0);
    --sidebar-primary: oklch(0.77 0.16 70.08);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.47 0.12 46.20);
    --sidebar-accent-foreground: oklch(0.92 0.12 95.75);
    --sidebar-border: oklch(0.37 0 0);
    --sidebar-ring: oklch(0.77 0.16 70.08);
    --font-sans: Inter, sans-serif;
    --font-serif: Source Serif 4, serif;
    --font-mono: JetBrains Mono, monospace;
    --radius: 0.375rem;
    --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
    --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
    --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  }
  :root, :host {
    --font-sans: var(--font-sans);
    --font-mono: var(--font-mono);
    --font-serif: var(--font-serif);
    --shadow-2xs: var(--shadow-2xs);
    --shadow-xs: var(--shadow-xs);
    --shadow-sm: var(--shadow-sm);
    --shadow: var(--shadow);
    --shadow-md: var(--shadow-md);
    --shadow-lg: var(--shadow-lg);
    --shadow-xl: var(--shadow-xl);
    --shadow-2xl: var(--shadow-2xl);
    --tracking-normal: var(--tracking-normal);
  }
}
.theme-bold-tech {
  --background: oklch(1.00 0 0);
  --foreground: oklch(0.36 0.14 278.70);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.36 0.14 278.70);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.36 0.14 278.70);
  --primary: oklch(0.61 0.22 292.72);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.96 0.02 295.19);
  --secondary-foreground: oklch(0.46 0.21 277.02);
  --muted: oklch(0.97 0.02 293.76);
  --muted-foreground: oklch(0.54 0.25 293.01);
  --accent: oklch(0.93 0.03 255.59);
  --accent-foreground: oklch(0.42 0.18 265.64);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.93 0.03 272.79);
  --input: oklch(0.93 0.03 272.79);
  --ring: oklch(0.61 0.22 292.72);
  --chart-1: oklch(0.61 0.22 292.72);
  --chart-2: oklch(0.54 0.25 293.01);
  --chart-3: oklch(0.49 0.24 292.58);
  --chart-4: oklch(0.43 0.21 292.76);
  --chart-5: oklch(0.38 0.18 293.74);
  --sidebar: oklch(0.97 0.02 293.76);
  --sidebar-foreground: oklch(0.36 0.14 278.70);
  --sidebar-primary: oklch(0.61 0.22 292.72);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.93 0.03 255.59);
  --sidebar-accent-foreground: oklch(0.42 0.18 265.64);
  --sidebar-border: oklch(0.93 0.03 272.79);
  --sidebar-ring: oklch(0.61 0.22 292.72);
  --font-sans: Roboto, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Fira Code, monospace;
  --radius: 0.625rem;
  --shadow-2xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.10);
  --shadow-xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.10);
  --shadow-sm: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 1px 2px -1px hsl(255 86% 66% / 0.20);
  --shadow: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 1px 2px -1px hsl(255 86% 66% / 0.20);
  --shadow-md: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 2px 4px -1px hsl(255 86% 66% / 0.20);
  --shadow-lg: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 4px 6px -1px hsl(255 86% 66% / 0.20);
  --shadow-xl: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 8px 10px -1px hsl(255 86% 66% / 0.20);
  --shadow-2xl: 2px 2px 4px 0px hsl(255 86% 66% / 0.50);
  &:is(.dark *) {
    --background: oklch(0.21 0.04 265.75);
    --foreground: oklch(0.93 0.03 272.79);
    --card: oklch(0.26 0.09 281.29);
    --card-foreground: oklch(0.93 0.03 272.79);
    --popover: oklch(0.26 0.09 281.29);
    --popover-foreground: oklch(0.93 0.03 272.79);
    --primary: oklch(0.61 0.22 292.72);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.26 0.09 281.29);
    --secondary-foreground: oklch(0.93 0.03 272.79);
    --muted: oklch(0.26 0.09 281.29);
    --muted-foreground: oklch(0.81 0.10 293.57);
    --accent: oklch(0.46 0.21 277.02);
    --accent-foreground: oklch(0.93 0.03 272.79);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.28 0.14 291.09);
    --input: oklch(0.28 0.14 291.09);
    --ring: oklch(0.61 0.22 292.72);
    --chart-1: oklch(0.71 0.16 293.54);
    --chart-2: oklch(0.61 0.22 292.72);
    --chart-3: oklch(0.54 0.25 293.01);
    --chart-4: oklch(0.49 0.24 292.58);
    --chart-5: oklch(0.43 0.21 292.76);
    --sidebar: oklch(0.21 0.04 265.75);
    --sidebar-foreground: oklch(0.93 0.03 272.79);
    --sidebar-primary: oklch(0.61 0.22 292.72);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.46 0.21 277.02);
    --sidebar-accent-foreground: oklch(0.93 0.03 272.79);
    --sidebar-border: oklch(0.28 0.14 291.09);
    --sidebar-ring: oklch(0.61 0.22 292.72);
    --font-sans: Roboto, sans-serif;
    --font-serif: Playfair Display, serif;
    --font-mono: Fira Code, monospace;
    --radius: 0.625rem;
    --shadow-2xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.10);
    --shadow-xs: 2px 2px 4px 0px hsl(255 86% 66% / 0.10);
    --shadow-sm: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 1px 2px -1px hsl(255 86% 66% / 0.20);
    --shadow: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 1px 2px -1px hsl(255 86% 66% / 0.20);
    --shadow-md: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 2px 4px -1px hsl(255 86% 66% / 0.20);
    --shadow-lg: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 4px 6px -1px hsl(255 86% 66% / 0.20);
    --shadow-xl: 2px 2px 4px 0px hsl(255 86% 66% / 0.20), 2px 8px 10px -1px hsl(255 86% 66% / 0.20);
    --shadow-2xl: 2px 2px 4px 0px hsl(255 86% 66% / 0.50);
  }
}
.theme-twitter {
  --background: oklch(1.00 0 0);
  --foreground: oklch(0.19 0.01 248.51);
  --card: oklch(0.98 0.00 197.14);
  --card-foreground: oklch(0.19 0.01 248.51);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.19 0.01 248.51);
  --primary: oklch(0.67 0.16 245.00);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.19 0.01 248.51);
  --secondary-foreground: oklch(1.00 0 0);
  --muted: oklch(0.92 0.00 286.37);
  --muted-foreground: oklch(0.19 0.01 248.51);
  --accent: oklch(0.94 0.02 250.85);
  --accent-foreground: oklch(0.67 0.16 245.00);
  --destructive: oklch(0.62 0.24 25.77);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.93 0.01 231.66);
  --input: oklch(0.98 0.00 228.78);
  --ring: oklch(0.68 0.16 243.35);
  --chart-1: oklch(0.67 0.16 245.00);
  --chart-2: oklch(0.69 0.16 160.35);
  --chart-3: oklch(0.82 0.16 82.53);
  --chart-4: oklch(0.71 0.18 151.71);
  --chart-5: oklch(0.59 0.22 10.58);
  --sidebar: oklch(0.98 0.00 197.14);
  --sidebar-foreground: oklch(0.19 0.01 248.51);
  --sidebar-primary: oklch(0.67 0.16 245.00);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.94 0.02 250.85);
  --sidebar-accent-foreground: oklch(0.67 0.16 245.00);
  --sidebar-border: oklch(0.93 0.01 238.52);
  --sidebar-ring: oklch(0.68 0.16 243.35);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --radius: 1.3rem;
  --shadow-2xs: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00);
  --shadow-xs: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00);
  --shadow-sm: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 1px 2px -1px hsl(202.82 89.12% 53.14% / 0.00);
  --shadow: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 1px 2px -1px hsl(202.82 89.12% 53.14% / 0.00);
  --shadow-md: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 2px 4px -1px hsl(202.82 89.12% 53.14% / 0.00);
  --shadow-lg: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 4px 6px -1px hsl(202.82 89.12% 53.14% / 0.00);
  --shadow-xl: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 8px 10px -1px hsl(202.82 89.12% 53.14% / 0.00);
  --shadow-2xl: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00);
  &:is(.dark *) {
    --background: oklch(0 0 0);
    --foreground: oklch(0.93 0.00 228.79);
    --card: oklch(0.21 0.01 274.53);
    --card-foreground: oklch(0.89 0 0);
    --popover: oklch(0 0 0);
    --popover-foreground: oklch(0.93 0.00 228.79);
    --primary: oklch(0.67 0.16 245.01);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.96 0.00 219.53);
    --secondary-foreground: oklch(0.19 0.01 248.51);
    --muted: oklch(0.21 0 0);
    --muted-foreground: oklch(0.56 0.01 247.97);
    --accent: oklch(0.19 0.03 242.55);
    --accent-foreground: oklch(0.67 0.16 245.01);
    --destructive: oklch(0.62 0.24 25.77);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.27 0.00 248.00);
    --input: oklch(0.30 0.03 244.82);
    --ring: oklch(0.68 0.16 243.35);
    --chart-1: oklch(0.67 0.16 245.00);
    --chart-2: oklch(0.69 0.16 160.35);
    --chart-3: oklch(0.82 0.16 82.53);
    --chart-4: oklch(0.71 0.18 151.71);
    --chart-5: oklch(0.59 0.22 10.58);
    --sidebar: oklch(0.21 0.01 274.53);
    --sidebar-foreground: oklch(0.89 0 0);
    --sidebar-primary: oklch(0.68 0.16 243.35);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.19 0.03 242.55);
    --sidebar-accent-foreground: oklch(0.67 0.16 245.01);
    --sidebar-border: oklch(0.38 0.02 240.59);
    --sidebar-ring: oklch(0.68 0.16 243.35);
    --font-sans: Open Sans, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: Menlo, monospace;
    --radius: 1.3rem;
    --shadow-2xs: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00);
    --shadow-xs: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00);
    --shadow-sm: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 1px 2px -1px hsl(202.82 89.12% 53.14% / 0.00);
    --shadow: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 1px 2px -1px hsl(202.82 89.12% 53.14% / 0.00);
    --shadow-md: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 2px 4px -1px hsl(202.82 89.12% 53.14% / 0.00);
    --shadow-lg: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 4px 6px -1px hsl(202.82 89.12% 53.14% / 0.00);
    --shadow-xl: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00), 0px 8px 10px -1px hsl(202.82 89.12% 53.14% / 0.00);
    --shadow-2xl: 0px 2px 0px 0px hsl(202.82 89.12% 53.14% / 0.00);
  }
}
.theme-bubblegum {
  --background: oklch(0.94 0.02 345.70);
  --foreground: oklch(0.47 0 0);
  --card: oklch(0.95 0.05 86.89);
  --card-foreground: oklch(0.47 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.47 0 0);
  --primary: oklch(0.62 0.18 348.14);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.81 0.07 198.19);
  --secondary-foreground: oklch(0.32 0 0);
  --muted: oklch(0.88 0.05 212.10);
  --muted-foreground: oklch(0.58 0 0);
  --accent: oklch(0.92 0.08 87.67);
  --accent-foreground: oklch(0.32 0 0);
  --destructive: oklch(0.71 0.17 21.96);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.62 0.18 348.14);
  --input: oklch(0.92 0 0);
  --ring: oklch(0.70 0.16 350.75);
  --chart-1: oklch(0.70 0.16 350.75);
  --chart-2: oklch(0.82 0.08 212.09);
  --chart-3: oklch(0.92 0.08 87.67);
  --chart-4: oklch(0.80 0.11 348.18);
  --chart-5: oklch(0.62 0.19 353.91);
  --sidebar: oklch(0.91 0.04 343.09);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.66 0.21 354.31);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.82 0.11 346.02);
  --sidebar-accent-foreground: oklch(0.32 0 0);
  --sidebar-border: oklch(0.95 0.03 307.17);
  --sidebar-ring: oklch(0.66 0.21 354.31);
  --font-sans: Poppins, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: Fira Code, monospace;
  --radius: 0.4rem;
  --shadow-2xs: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 0.50);
  --shadow-xs: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 0.50);
  --shadow-sm: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 1px 2px -1px hsl(325.78 58.18% 56.86% / 1.00);
  --shadow: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 1px 2px -1px hsl(325.78 58.18% 56.86% / 1.00);
  --shadow-md: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 2px 4px -1px hsl(325.78 58.18% 56.86% / 1.00);
  --shadow-lg: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 4px 6px -1px hsl(325.78 58.18% 56.86% / 1.00);
  --shadow-xl: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 8px 10px -1px hsl(325.78 58.18% 56.86% / 1.00);
  --shadow-2xl: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 2.50);
  &:is(.dark *) {
    --background: oklch(0.25 0.03 234.16);
    --foreground: oklch(0.93 0.02 349.08);
    --card: oklch(0.29 0.03 233.54);
    --card-foreground: oklch(0.93 0.02 349.08);
    --popover: oklch(0.29 0.03 233.54);
    --popover-foreground: oklch(0.93 0.02 349.08);
    --primary: oklch(0.92 0.08 87.67);
    --primary-foreground: oklch(0.25 0.03 234.16);
    --secondary: oklch(0.78 0.08 4.13);
    --secondary-foreground: oklch(0.25 0.03 234.16);
    --muted: oklch(0.27 0.01 255.58);
    --muted-foreground: oklch(0.78 0.08 4.13);
    --accent: oklch(0.67 0.10 356.98);
    --accent-foreground: oklch(0.93 0.02 349.08);
    --destructive: oklch(0.67 0.18 350.36);
    --destructive-foreground: oklch(0.25 0.03 234.16);
    --border: oklch(0.39 0.04 242.22);
    --input: oklch(0.31 0.03 232.00);
    --ring: oklch(0.70 0.09 201.87);
    --chart-1: oklch(0.70 0.09 201.87);
    --chart-2: oklch(0.78 0.08 4.13);
    --chart-3: oklch(0.67 0.10 356.98);
    --chart-4: oklch(0.44 0.07 217.08);
    --chart-5: oklch(0.27 0.01 255.58);
    --sidebar: oklch(0.23 0.03 235.97);
    --sidebar-foreground: oklch(0.97 0.00 264.54);
    --sidebar-primary: oklch(0.66 0.21 354.31);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.82 0.11 346.02);
    --sidebar-accent-foreground: oklch(0.28 0.03 256.85);
    --sidebar-border: oklch(0.37 0.03 259.73);
    --sidebar-ring: oklch(0.66 0.21 354.31);
    --font-sans: Poppins, sans-serif;
    --font-serif: Lora, serif;
    --font-mono: Fira Code, monospace;
    --radius: 0.4rem;
    --shadow-2xs: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 0.50);
    --shadow-xs: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 0.50);
    --shadow-sm: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 1px 2px -1px hsl(206.15 28.06% 27.25% / 1.00);
    --shadow: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 1px 2px -1px hsl(206.15 28.06% 27.25% / 1.00);
    --shadow-md: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 2px 4px -1px hsl(206.15 28.06% 27.25% / 1.00);
    --shadow-lg: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 4px 6px -1px hsl(206.15 28.06% 27.25% / 1.00);
    --shadow-xl: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 8px 10px -1px hsl(206.15 28.06% 27.25% / 1.00);
    --shadow-2xl: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 2.50);
  }
}
.theme-claymorphism {
  --background: oklch(0.92 0.00 48.72);
  --foreground: oklch(0.28 0.04 260.03);
  --card: oklch(0.97 0.00 106.42);
  --card-foreground: oklch(0.28 0.04 260.03);
  --popover: oklch(0.97 0.00 106.42);
  --popover-foreground: oklch(0.28 0.04 260.03);
  --primary: oklch(0.59 0.20 277.12);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.87 0.00 56.37);
  --secondary-foreground: oklch(0.45 0.03 256.80);
  --muted: oklch(0.92 0.00 48.72);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.94 0.03 321.94);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.87 0.00 56.37);
  --input: oklch(0.87 0.00 56.37);
  --ring: oklch(0.59 0.20 277.12);
  --chart-1: oklch(0.59 0.20 277.12);
  --chart-2: oklch(0.51 0.23 276.97);
  --chart-3: oklch(0.46 0.21 277.02);
  --chart-4: oklch(0.40 0.18 277.37);
  --chart-5: oklch(0.36 0.14 278.70);
  --sidebar: oklch(0.87 0.00 56.37);
  --sidebar-foreground: oklch(0.28 0.04 260.03);
  --sidebar-primary: oklch(0.59 0.20 277.12);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.94 0.03 321.94);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.87 0.00 56.37);
  --sidebar-ring: oklch(0.59 0.20 277.12);
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: Roboto Mono, monospace;
  --radius: 1.25rem;
  --shadow-2xs: 2px 2px 10px 4px hsl(240 4% 60% / 0.09);
  --shadow-xs: 2px 2px 10px 4px hsl(240 4% 60% / 0.09);
  --shadow-sm: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 1px 2px 3px hsl(240 4% 60% / 0.18);
  --shadow: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 1px 2px 3px hsl(240 4% 60% / 0.18);
  --shadow-md: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 2px 4px 3px hsl(240 4% 60% / 0.18);
  --shadow-lg: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 4px 6px 3px hsl(240 4% 60% / 0.18);
  --shadow-xl: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 8px 10px 3px hsl(240 4% 60% / 0.18);
  --shadow-2xl: 2px 2px 10px 4px hsl(240 4% 60% / 0.45);
  &:is(.dark *) {
    --background: oklch(0.22 0.01 67.44);
    --foreground: oklch(0.93 0.01 255.51);
    --card: oklch(0.28 0.01 59.34);
    --card-foreground: oklch(0.93 0.01 255.51);
    --popover: oklch(0.28 0.01 59.34);
    --popover-foreground: oklch(0.93 0.01 255.51);
    --primary: oklch(0.68 0.16 276.93);
    --primary-foreground: oklch(0.22 0.01 67.44);
    --secondary: oklch(0.34 0.01 59.42);
    --secondary-foreground: oklch(0.87 0.01 258.34);
    --muted: oklch(0.28 0.01 59.34);
    --muted-foreground: oklch(0.71 0.02 261.32);
    --accent: oklch(0.39 0.01 59.47);
    --accent-foreground: oklch(0.87 0.01 258.34);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(0.22 0.01 67.44);
    --border: oklch(0.34 0.01 59.42);
    --input: oklch(0.34 0.01 59.42);
    --ring: oklch(0.68 0.16 276.93);
    --chart-1: oklch(0.68 0.16 276.93);
    --chart-2: oklch(0.59 0.20 277.12);
    --chart-3: oklch(0.51 0.23 276.97);
    --chart-4: oklch(0.46 0.21 277.02);
    --chart-5: oklch(0.40 0.18 277.37);
    --sidebar: oklch(0.34 0.01 59.42);
    --sidebar-foreground: oklch(0.93 0.01 255.51);
    --sidebar-primary: oklch(0.68 0.16 276.93);
    --sidebar-primary-foreground: oklch(0.22 0.01 67.44);
    --sidebar-accent: oklch(0.39 0.01 59.47);
    --sidebar-accent-foreground: oklch(0.87 0.01 258.34);
    --sidebar-border: oklch(0.34 0.01 59.42);
    --sidebar-ring: oklch(0.68 0.16 276.93);
    --font-sans: Plus Jakarta Sans, sans-serif;
    --font-serif: Lora, serif;
    --font-mono: Roboto Mono, monospace;
    --radius: 1.25rem;
    --shadow-2xs: 2px 2px 10px 4px hsl(0 0% 0% / 0.09);
    --shadow-xs: 2px 2px 10px 4px hsl(0 0% 0% / 0.09);
    --shadow-sm: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 1px 2px 3px hsl(0 0% 0% / 0.18);
    --shadow: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 1px 2px 3px hsl(0 0% 0% / 0.18);
    --shadow-md: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 2px 4px 3px hsl(0 0% 0% / 0.18);
    --shadow-lg: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 4px 6px 3px hsl(0 0% 0% / 0.18);
    --shadow-xl: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 8px 10px 3px hsl(0 0% 0% / 0.18);
    --shadow-2xl: 2px 2px 10px 4px hsl(0 0% 0% / 0.45);
  }
}
.theme-caffeine {
  --background: oklch(0.98 0 0);
  --foreground: oklch(0.24 0 0);
  --card: oklch(0.99 0 0);
  --card-foreground: oklch(0.24 0 0);
  --popover: oklch(0.99 0 0);
  --popover-foreground: oklch(0.24 0 0);
  --primary: oklch(0.43 0.04 41.99);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.92 0.07 74.37);
  --secondary-foreground: oklch(0.35 0.07 40.83);
  --muted: oklch(0.95 0 0);
  --muted-foreground: oklch(0.50 0 0);
  --accent: oklch(0.93 0 0);
  --accent-foreground: oklch(0.24 0 0);
  --destructive: oklch(0.63 0.19 33.34);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.88 0 0);
  --input: oklch(0.88 0 0);
  --ring: oklch(0.43 0.04 41.99);
  --chart-1: oklch(0.43 0.04 41.99);
  --chart-2: oklch(0.92 0.07 74.37);
  --chart-3: oklch(0.93 0 0);
  --chart-4: oklch(0.94 0.05 75.50);
  --chart-5: oklch(0.43 0.04 41.67);
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0.26 0 0);
  --sidebar-primary: oklch(0.33 0 0);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.98 0 0);
  --sidebar-accent-foreground: oklch(0.33 0 0);
  --sidebar-border: oklch(0.94 0 0);
  --sidebar-ring: oklch(0.77 0 0);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.18 0 0);
    --foreground: oklch(0.95 0 0);
    --card: oklch(0.21 0 0);
    --card-foreground: oklch(0.95 0 0);
    --popover: oklch(0.21 0 0);
    --popover-foreground: oklch(0.95 0 0);
    --primary: oklch(0.92 0.05 66.17);
    --primary-foreground: oklch(0.20 0.02 200.20);
    --secondary: oklch(0.32 0.02 63.70);
    --secondary-foreground: oklch(0.92 0.05 66.17);
    --muted: oklch(0.25 0 0);
    --muted-foreground: oklch(0.77 0 0);
    --accent: oklch(0.29 0 0);
    --accent-foreground: oklch(0.95 0 0);
    --destructive: oklch(0.63 0.19 33.34);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.24 0.01 91.75);
    --input: oklch(0.40 0 0);
    --ring: oklch(0.92 0.05 66.17);
    --chart-1: oklch(0.92 0.05 66.17);
    --chart-2: oklch(0.32 0.02 63.70);
    --chart-3: oklch(0.29 0 0);
    --chart-4: oklch(0.35 0.02 67.00);
    --chart-5: oklch(0.92 0.05 67.09);
    --sidebar: oklch(0.21 0.01 285.89);
    --sidebar-foreground: oklch(0.97 0.00 286.38);
    --sidebar-primary: oklch(0.49 0.22 264.38);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.27 0.01 286.03);
    --sidebar-accent-foreground: oklch(0.97 0.00 286.38);
    --sidebar-border: oklch(0.27 0.01 286.03);
    --sidebar-ring: oklch(0.87 0.01 286.29);
    --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-candyland {
  --background: oklch(0.98 0.00 228.78);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.87 0.07 7.09);
  --primary-foreground: oklch(0 0 0);
  --secondary: oklch(0.81 0.08 225.75);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.88 0.03 98.10);
  --muted-foreground: oklch(0.54 0 0);
  --accent: oklch(0.97 0.21 109.77);
  --accent-foreground: oklch(0 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.87 0 0);
  --input: oklch(0.87 0 0);
  --ring: oklch(0.87 0.07 7.09);
  --chart-1: oklch(0.87 0.07 7.09);
  --chart-2: oklch(0.81 0.08 225.75);
  --chart-3: oklch(0.97 0.21 109.77);
  --chart-4: oklch(0.80 0.14 349.23);
  --chart-5: oklch(0.74 0.23 142.85);
  --sidebar: oklch(0.98 0.00 228.78);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.87 0.07 7.09);
  --sidebar-primary-foreground: oklch(0 0 0);
  --sidebar-accent: oklch(0.97 0.21 109.77);
  --sidebar-accent-foreground: oklch(0 0 0);
  --sidebar-border: oklch(0.87 0 0);
  --sidebar-ring: oklch(0.87 0.07 7.09);
  --font-sans: Poppins, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Roboto Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.23 0.01 264.29);
    --foreground: oklch(0.92 0 0);
    --card: oklch(0.32 0.01 223.67);
    --card-foreground: oklch(0.92 0 0);
    --popover: oklch(0.32 0.01 223.67);
    --popover-foreground: oklch(0.92 0 0);
    --primary: oklch(0.80 0.14 349.23);
    --primary-foreground: oklch(0 0 0);
    --secondary: oklch(0.74 0.23 142.85);
    --secondary-foreground: oklch(0 0 0);
    --muted: oklch(0.39 0 0);
    --muted-foreground: oklch(0.72 0 0);
    --accent: oklch(0.81 0.08 225.75);
    --accent-foreground: oklch(0 0 0);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.39 0 0);
    --input: oklch(0.39 0 0);
    --ring: oklch(0.80 0.14 349.23);
    --chart-1: oklch(0.80 0.14 349.23);
    --chart-2: oklch(0.74 0.23 142.85);
    --chart-3: oklch(0.81 0.08 225.75);
    --chart-4: oklch(0.97 0.21 109.77);
    --chart-5: oklch(0.87 0.18 90.38);
    --sidebar: oklch(0.23 0.01 264.29);
    --sidebar-foreground: oklch(0.92 0 0);
    --sidebar-primary: oklch(0.80 0.14 349.23);
    --sidebar-primary-foreground: oklch(0 0 0);
    --sidebar-accent: oklch(0.81 0.08 225.75);
    --sidebar-accent-foreground: oklch(0 0 0);
    --sidebar-border: oklch(0.39 0 0);
    --sidebar-ring: oklch(0.80 0.14 349.23);
    --font-sans: Poppins, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: Roboto Mono, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-catppuccin {
  --background: oklch(0.96 0.01 264.53);
  --foreground: oklch(0.44 0.04 279.33);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.44 0.04 279.33);
  --popover: oklch(0.86 0.01 268.48);
  --popover-foreground: oklch(0.44 0.04 279.33);
  --primary: oklch(0.55 0.25 297.02);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.86 0.01 268.48);
  --secondary-foreground: oklch(0.44 0.04 279.33);
  --muted: oklch(0.91 0.01 264.51);
  --muted-foreground: oklch(0.55 0.03 279.08);
  --accent: oklch(0.68 0.14 235.38);
  --accent-foreground: oklch(1.00 0 0);
  --destructive: oklch(0.55 0.22 19.81);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.81 0.02 271.20);
  --input: oklch(0.86 0.01 268.48);
  --ring: oklch(0.55 0.25 297.02);
  --chart-1: oklch(0.55 0.25 297.02);
  --chart-2: oklch(0.68 0.14 235.38);
  --chart-3: oklch(0.63 0.18 140.44);
  --chart-4: oklch(0.69 0.20 42.43);
  --chart-5: oklch(0.71 0.10 33.10);
  --sidebar: oklch(0.93 0.01 264.52);
  --sidebar-foreground: oklch(0.44 0.04 279.33);
  --sidebar-primary: oklch(0.55 0.25 297.02);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.68 0.14 235.38);
  --sidebar-accent-foreground: oklch(1.00 0 0);
  --sidebar-border: oklch(0.81 0.02 271.20);
  --sidebar-ring: oklch(0.55 0.25 297.02);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Fira Code, monospace;
  --radius: 0.35rem;
  --shadow-2xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);
  --shadow-xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);
  --shadow-sm: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow-md: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 2px 4px -1px hsl(240 30% 25% / 0.12);
  --shadow-lg: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 4px 6px -1px hsl(240 30% 25% / 0.12);
  --shadow-xl: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 8px 10px -1px hsl(240 30% 25% / 0.12);
  --shadow-2xl: 0px 4px 6px 0px hsl(240 30% 25% / 0.30);
  &:is(.dark *) {
    --background: oklch(0.22 0.03 284.06);
    --foreground: oklch(0.88 0.04 272.28);
    --card: oklch(0.24 0.03 283.91);
    --card-foreground: oklch(0.88 0.04 272.28);
    --popover: oklch(0.40 0.03 280.15);
    --popover-foreground: oklch(0.88 0.04 272.28);
    --primary: oklch(0.79 0.12 304.77);
    --primary-foreground: oklch(0.24 0.03 283.91);
    --secondary: oklch(0.48 0.03 278.64);
    --secondary-foreground: oklch(0.88 0.04 272.28);
    --muted: oklch(0.30 0.03 276.21);
    --muted-foreground: oklch(0.75 0.04 273.93);
    --accent: oklch(0.85 0.08 210.25);
    --accent-foreground: oklch(0.24 0.03 283.91);
    --destructive: oklch(0.76 0.13 2.76);
    --destructive-foreground: oklch(0.24 0.03 283.91);
    --border: oklch(0.32 0.03 281.98);
    --input: oklch(0.32 0.03 281.98);
    --ring: oklch(0.79 0.12 304.77);
    --chart-1: oklch(0.79 0.12 304.77);
    --chart-2: oklch(0.85 0.08 210.25);
    --chart-3: oklch(0.86 0.11 142.72);
    --chart-4: oklch(0.82 0.10 52.63);
    --chart-5: oklch(0.92 0.02 30.49);
    --sidebar: oklch(0.18 0.02 284.20);
    --sidebar-foreground: oklch(0.88 0.04 272.28);
    --sidebar-primary: oklch(0.79 0.12 304.77);
    --sidebar-primary-foreground: oklch(0.24 0.03 283.91);
    --sidebar-accent: oklch(0.85 0.08 210.25);
    --sidebar-accent-foreground: oklch(0.24 0.03 283.91);
    --sidebar-border: oklch(0.40 0.03 280.15);
    --sidebar-ring: oklch(0.79 0.12 304.77);
    --font-sans: Montserrat, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: Fira Code, monospace;
    --radius: 0.35rem;
    --shadow-2xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);
    --shadow-xs: 0px 4px 6px 0px hsl(240 30% 25% / 0.06);
    --shadow-sm: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
    --shadow: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
    --shadow-md: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 2px 4px -1px hsl(240 30% 25% / 0.12);
    --shadow-lg: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 4px 6px -1px hsl(240 30% 25% / 0.12);
    --shadow-xl: 0px 4px 6px 0px hsl(240 30% 25% / 0.12), 0px 8px 10px -1px hsl(240 30% 25% / 0.12);
    --shadow-2xl: 0px 4px 6px 0px hsl(240 30% 25% / 0.30);
  }
}
.theme-claude {
  --background: oklch(0.98 0.01 95.10);
  --foreground: oklch(0.34 0.03 95.72);
  --card: oklch(0.98 0.01 95.10);
  --card-foreground: oklch(0.19 0.00 106.59);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.27 0.02 98.94);
  --primary: oklch(0.62 0.14 39.04);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.92 0.01 92.99);
  --secondary-foreground: oklch(0.43 0.02 98.60);
  --muted: oklch(0.93 0.02 90.24);
  --muted-foreground: oklch(0.61 0.01 97.42);
  --accent: oklch(0.92 0.01 92.99);
  --accent-foreground: oklch(0.27 0.02 98.94);
  --destructive: oklch(0.19 0.00 106.59);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.88 0.01 97.36);
  --input: oklch(0.76 0.02 98.35);
  --ring: oklch(0.59 0.17 253.06);
  --chart-1: oklch(0.56 0.13 43.00);
  --chart-2: oklch(0.69 0.16 290.41);
  --chart-3: oklch(0.88 0.03 93.13);
  --chart-4: oklch(0.88 0.04 298.18);
  --chart-5: oklch(0.56 0.13 42.06);
  --sidebar: oklch(0.97 0.01 98.88);
  --sidebar-foreground: oklch(0.36 0.01 106.65);
  --sidebar-primary: oklch(0.62 0.14 39.04);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.92 0.01 92.99);
  --sidebar-accent-foreground: oklch(0.33 0 0);
  --sidebar-border: oklch(0.94 0 0);
  --sidebar-ring: oklch(0.77 0 0);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.27 0.00 106.64);
    --foreground: oklch(0.81 0.01 93.01);
    --card: oklch(0.27 0.00 106.64);
    --card-foreground: oklch(0.98 0.01 95.10);
    --popover: oklch(0.31 0.00 106.60);
    --popover-foreground: oklch(0.92 0.00 106.48);
    --primary: oklch(0.67 0.13 38.76);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.98 0.01 95.10);
    --secondary-foreground: oklch(0.31 0.00 106.60);
    --muted: oklch(0.22 0.00 106.71);
    --muted-foreground: oklch(0.77 0.02 99.07);
    --accent: oklch(0.21 0.01 95.42);
    --accent-foreground: oklch(0.97 0.01 98.88);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.36 0.01 106.89);
    --input: oklch(0.43 0.01 100.22);
    --ring: oklch(0.59 0.17 253.06);
    --chart-1: oklch(0.56 0.13 43.00);
    --chart-2: oklch(0.69 0.16 290.41);
    --chart-3: oklch(0.21 0.01 95.42);
    --chart-4: oklch(0.31 0.05 289.32);
    --chart-5: oklch(0.56 0.13 42.06);
    --sidebar: oklch(0.24 0.00 67.71);
    --sidebar-foreground: oklch(0.81 0.01 93.01);
    --sidebar-primary: oklch(0.33 0 0);
    --sidebar-primary-foreground: oklch(0.99 0 0);
    --sidebar-accent: oklch(0.17 0.00 106.62);
    --sidebar-accent-foreground: oklch(0.81 0.01 93.01);
    --sidebar-border: oklch(0.94 0 0);
    --sidebar-ring: oklch(0.77 0 0);
    --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-clean-slate {
  --background: oklch(0.98 0.00 247.86);
  --foreground: oklch(0.28 0.04 260.03);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.28 0.04 260.03);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.28 0.04 260.03);
  --primary: oklch(0.59 0.20 277.12);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.93 0.01 264.53);
  --secondary-foreground: oklch(0.37 0.03 259.73);
  --muted: oklch(0.97 0.00 264.54);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.93 0.03 272.79);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.87 0.01 258.34);
  --input: oklch(0.87 0.01 258.34);
  --ring: oklch(0.59 0.20 277.12);
  --chart-1: oklch(0.59 0.20 277.12);
  --chart-2: oklch(0.51 0.23 276.97);
  --chart-3: oklch(0.46 0.21 277.02);
  --chart-4: oklch(0.40 0.18 277.37);
  --chart-5: oklch(0.36 0.14 278.70);
  --sidebar: oklch(0.97 0.00 264.54);
  --sidebar-foreground: oklch(0.28 0.04 260.03);
  --sidebar-primary: oklch(0.59 0.20 277.12);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.93 0.03 272.79);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.87 0.01 258.34);
  --sidebar-ring: oklch(0.59 0.20 277.12);
  --font-sans: Inter, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.21 0.04 265.75);
    --foreground: oklch(0.93 0.01 255.51);
    --card: oklch(0.28 0.04 260.03);
    --card-foreground: oklch(0.93 0.01 255.51);
    --popover: oklch(0.28 0.04 260.03);
    --popover-foreground: oklch(0.93 0.01 255.51);
    --primary: oklch(0.68 0.16 276.93);
    --primary-foreground: oklch(0.21 0.04 265.75);
    --secondary: oklch(0.34 0.03 260.91);
    --secondary-foreground: oklch(0.87 0.01 258.34);
    --muted: oklch(0.28 0.04 260.03);
    --muted-foreground: oklch(0.71 0.02 261.32);
    --accent: oklch(0.37 0.03 259.73);
    --accent-foreground: oklch(0.87 0.01 258.34);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(0.21 0.04 265.75);
    --border: oklch(0.45 0.03 256.80);
    --input: oklch(0.45 0.03 256.80);
    --ring: oklch(0.68 0.16 276.93);
    --chart-1: oklch(0.68 0.16 276.93);
    --chart-2: oklch(0.59 0.20 277.12);
    --chart-3: oklch(0.51 0.23 276.97);
    --chart-4: oklch(0.46 0.21 277.02);
    --chart-5: oklch(0.40 0.18 277.37);
    --sidebar: oklch(0.28 0.04 260.03);
    --sidebar-foreground: oklch(0.93 0.01 255.51);
    --sidebar-primary: oklch(0.68 0.16 276.93);
    --sidebar-primary-foreground: oklch(0.21 0.04 265.75);
    --sidebar-accent: oklch(0.37 0.03 259.73);
    --sidebar-accent-foreground: oklch(0.87 0.01 258.34);
    --sidebar-border: oklch(0.45 0.03 256.80);
    --sidebar-ring: oklch(0.68 0.16 276.93);
    --font-sans: Inter, sans-serif;
    --font-serif: Merriweather, serif;
    --font-mono: JetBrains Mono, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
    --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
    --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  }
}
.theme-cosmic-night {
  --background: oklch(0.97 0.01 286.15);
  --foreground: oklch(0.30 0.06 282.42);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.30 0.06 282.42);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.30 0.06 282.42);
  --primary: oklch(0.54 0.18 288.03);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.92 0.04 292.69);
  --secondary-foreground: oklch(0.41 0.10 288.17);
  --muted: oklch(0.96 0.01 286.15);
  --muted-foreground: oklch(0.54 0.05 284.74);
  --accent: oklch(0.92 0.04 262.14);
  --accent-foreground: oklch(0.30 0.06 282.42);
  --destructive: oklch(0.69 0.21 14.99);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.91 0.02 285.96);
  --input: oklch(0.91 0.02 285.96);
  --ring: oklch(0.54 0.18 288.03);
  --chart-1: oklch(0.54 0.18 288.03);
  --chart-2: oklch(0.70 0.16 288.99);
  --chart-3: oklch(0.57 0.21 276.71);
  --chart-4: oklch(0.64 0.19 281.81);
  --chart-5: oklch(0.45 0.18 279.38);
  --sidebar: oklch(0.96 0.01 286.15);
  --sidebar-foreground: oklch(0.30 0.06 282.42);
  --sidebar-primary: oklch(0.54 0.18 288.03);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.92 0.04 262.14);
  --sidebar-accent-foreground: oklch(0.30 0.06 282.42);
  --sidebar-border: oklch(0.91 0.02 285.96);
  --sidebar-ring: oklch(0.54 0.18 288.03);
  --font-sans: Inter, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
  --shadow-xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
  --shadow-sm: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
  --shadow-md: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 2px 4px -1px hsl(240 30% 25% / 0.12);
  --shadow-lg: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 4px 6px -1px hsl(240 30% 25% / 0.12);
  --shadow-xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 8px 10px -1px hsl(240 30% 25% / 0.12);
  --shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.30);
  &:is(.dark *) {
    --background: oklch(0.17 0.02 283.80);
    --foreground: oklch(0.92 0.03 285.88);
    --card: oklch(0.23 0.04 282.93);
    --card-foreground: oklch(0.92 0.03 285.88);
    --popover: oklch(0.23 0.04 282.93);
    --popover-foreground: oklch(0.92 0.03 285.88);
    --primary: oklch(0.72 0.16 290.40);
    --primary-foreground: oklch(0.17 0.02 283.80);
    --secondary: oklch(0.31 0.07 283.46);
    --secondary-foreground: oklch(0.84 0.08 285.91);
    --muted: oklch(0.27 0.06 281.44);
    --muted-foreground: oklch(0.72 0.05 285.17);
    --accent: oklch(0.34 0.08 280.97);
    --accent-foreground: oklch(0.92 0.03 285.88);
    --destructive: oklch(0.69 0.21 14.99);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.33 0.06 282.58);
    --input: oklch(0.33 0.06 282.58);
    --ring: oklch(0.72 0.16 290.40);
    --chart-1: oklch(0.72 0.16 290.40);
    --chart-2: oklch(0.64 0.10 274.91);
    --chart-3: oklch(0.75 0.12 244.75);
    --chart-4: oklch(0.71 0.10 186.68);
    --chart-5: oklch(0.75 0.18 346.81);
    --sidebar: oklch(0.23 0.04 282.93);
    --sidebar-foreground: oklch(0.92 0.03 285.88);
    --sidebar-primary: oklch(0.72 0.16 290.40);
    --sidebar-primary-foreground: oklch(0.17 0.02 283.80);
    --sidebar-accent: oklch(0.34 0.08 280.97);
    --sidebar-accent-foreground: oklch(0.92 0.03 285.88);
    --sidebar-border: oklch(0.33 0.06 282.58);
    --sidebar-ring: oklch(0.72 0.16 290.40);
    --font-sans: Inter, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: JetBrains Mono, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
    --shadow-xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
    --shadow-sm: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
    --shadow: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
    --shadow-md: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 2px 4px -1px hsl(240 30% 25% / 0.12);
    --shadow-lg: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 4px 6px -1px hsl(240 30% 25% / 0.12);
    --shadow-xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 8px 10px -1px hsl(240 30% 25% / 0.12);
    --shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.30);
  }
}
.theme-cyberpunk {
  --background: oklch(0.98 0.00 247.84);
  --foreground: oklch(0.16 0.04 281.83);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.16 0.04 281.83);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.16 0.04 281.83);
  --primary: oklch(0.67 0.29 341.41);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.96 0.02 286.02);
  --secondary-foreground: oklch(0.16 0.04 281.83);
  --muted: oklch(0.96 0.02 286.02);
  --muted-foreground: oklch(0.16 0.04 281.83);
  --accent: oklch(0.89 0.17 171.27);
  --accent-foreground: oklch(0.16 0.04 281.83);
  --destructive: oklch(0.65 0.23 34.04);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.92 0.01 225.09);
  --input: oklch(0.92 0.01 225.09);
  --ring: oklch(0.67 0.29 341.41);
  --chart-1: oklch(0.67 0.29 341.41);
  --chart-2: oklch(0.55 0.29 299.10);
  --chart-3: oklch(0.84 0.15 209.29);
  --chart-4: oklch(0.89 0.17 171.27);
  --chart-5: oklch(0.92 0.19 101.41);
  --sidebar: oklch(0.96 0.02 286.02);
  --sidebar-foreground: oklch(0.16 0.04 281.83);
  --sidebar-primary: oklch(0.67 0.29 341.41);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.89 0.17 171.27);
  --sidebar-accent-foreground: oklch(0.16 0.04 281.83);
  --sidebar-border: oklch(0.92 0.01 225.09);
  --sidebar-ring: oklch(0.67 0.29 341.41);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Fira Code, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 2px 4px -3px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 4px 6px -3px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 8px 10px -3px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.16 0.04 281.83);
    --foreground: oklch(0.95 0.01 260.73);
    --card: oklch(0.25 0.06 281.14);
    --card-foreground: oklch(0.95 0.01 260.73);
    --popover: oklch(0.25 0.06 281.14);
    --popover-foreground: oklch(0.95 0.01 260.73);
    --primary: oklch(0.67 0.29 341.41);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.25 0.06 281.14);
    --secondary-foreground: oklch(0.95 0.01 260.73);
    --muted: oklch(0.25 0.06 281.14);
    --muted-foreground: oklch(0.62 0.05 278.10);
    --accent: oklch(0.89 0.17 171.27);
    --accent-foreground: oklch(0.16 0.04 281.83);
    --destructive: oklch(0.65 0.23 34.04);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.33 0.08 280.79);
    --input: oklch(0.33 0.08 280.79);
    --ring: oklch(0.67 0.29 341.41);
    --chart-1: oklch(0.67 0.29 341.41);
    --chart-2: oklch(0.55 0.29 299.10);
    --chart-3: oklch(0.84 0.15 209.29);
    --chart-4: oklch(0.89 0.17 171.27);
    --chart-5: oklch(0.92 0.19 101.41);
    --sidebar: oklch(0.16 0.04 281.83);
    --sidebar-foreground: oklch(0.95 0.01 260.73);
    --sidebar-primary: oklch(0.67 0.29 341.41);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.89 0.17 171.27);
    --sidebar-accent-foreground: oklch(0.16 0.04 281.83);
    --sidebar-border: oklch(0.33 0.08 280.79);
    --sidebar-ring: oklch(0.67 0.29 341.41);
    --font-sans: Outfit, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: Fira Code, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
    --shadow: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
    --shadow-md: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 2px 4px -3px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 4px 6px -3px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 8px 10px -3px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.25);
  }
}
.theme-doom-64 {
  --background: oklch(0.85 0 0);
  --foreground: oklch(0.24 0 0);
  --card: oklch(0.76 0 0);
  --card-foreground: oklch(0.24 0 0);
  --popover: oklch(0.76 0 0);
  --popover-foreground: oklch(0.24 0 0);
  --primary: oklch(0.50 0.19 27.48);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.50 0.09 126.19);
  --secondary-foreground: oklch(1.00 0 0);
  --muted: oklch(0.78 0 0);
  --muted-foreground: oklch(0.41 0 0);
  --accent: oklch(0.59 0.10 245.74);
  --accent-foreground: oklch(1.00 0 0);
  --destructive: oklch(0.71 0.20 46.46);
  --destructive-foreground: oklch(0 0 0);
  --border: oklch(0.43 0 0);
  --input: oklch(0.43 0 0);
  --ring: oklch(0.50 0.19 27.48);
  --chart-1: oklch(0.50 0.19 27.48);
  --chart-2: oklch(0.50 0.09 126.19);
  --chart-3: oklch(0.59 0.10 245.74);
  --chart-4: oklch(0.71 0.20 46.46);
  --chart-5: oklch(0.57 0.04 40.43);
  --sidebar: oklch(0.76 0 0);
  --sidebar-foreground: oklch(0.24 0 0);
  --sidebar-primary: oklch(0.50 0.19 27.48);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.59 0.10 245.74);
  --sidebar-accent-foreground: oklch(1.00 0 0);
  --sidebar-border: oklch(0.43 0 0);
  --sidebar-ring: oklch(0.50 0.19 27.48);
  --font-sans: "Oxanium", sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Source Code Pro", monospace;
  --radius: 0px;
  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.20);
  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.20);
  --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
  --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 1px 2px -1px hsl(0 0% 0% / 0.40);
  --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 2px 4px -1px hsl(0 0% 0% / 0.40);
  --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 4px 6px -1px hsl(0 0% 0% / 0.40);
  --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.40), 0px 8px 10px -1px hsl(0 0% 0% / 0.40);
  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 1.00);
  &:is(.dark *) {
    --background: oklch(0.22 0 0);
    --foreground: oklch(0.91 0 0);
    --card: oklch(0.29 0 0);
    --card-foreground: oklch(0.91 0 0);
    --popover: oklch(0.29 0 0);
    --popover-foreground: oklch(0.91 0 0);
    --primary: oklch(0.61 0.21 27.03);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.64 0.15 133.01);
    --secondary-foreground: oklch(0 0 0);
    --muted: oklch(0.26 0 0);
    --muted-foreground: oklch(0.71 0 0);
    --accent: oklch(0.75 0.12 244.75);
    --accent-foreground: oklch(0 0 0);
    --destructive: oklch(0.78 0.17 68.09);
    --destructive-foreground: oklch(0 0 0);
    --border: oklch(0.41 0 0);
    --input: oklch(0.41 0 0);
    --ring: oklch(0.61 0.21 27.03);
    --chart-1: oklch(0.61 0.21 27.03);
    --chart-2: oklch(0.64 0.15 133.01);
    --chart-3: oklch(0.75 0.12 244.75);
    --chart-4: oklch(0.78 0.17 68.09);
    --chart-5: oklch(0.65 0.03 40.80);
    --sidebar: oklch(0.19 0 0);
    --sidebar-foreground: oklch(0.91 0 0);
    --sidebar-primary: oklch(0.61 0.21 27.03);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.75 0.12 244.75);
    --sidebar-accent-foreground: oklch(0 0 0);
    --sidebar-border: oklch(0.41 0 0);
    --sidebar-ring: oklch(0.61 0.21 27.03);
    --font-sans: "Oxanium", sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: "Source Code Pro", monospace;
    --radius: 0px;
    --shadow-2xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.30);
    --shadow-xs: 0px 2px 5px 0px hsl(0 0% 0% / 0.30);
    --shadow-sm: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 1px 2px -1px hsl(0 0% 0% / 0.60);
    --shadow: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 1px 2px -1px hsl(0 0% 0% / 0.60);
    --shadow-md: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 2px 4px -1px hsl(0 0% 0% / 0.60);
    --shadow-lg: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 4px 6px -1px hsl(0 0% 0% / 0.60);
    --shadow-xl: 0px 2px 5px 0px hsl(0 0% 0% / 0.60), 0px 8px 10px -1px hsl(0 0% 0% / 0.60);
    --shadow-2xl: 0px 2px 5px 0px hsl(0 0% 0% / 1.50);
  }
}
.theme-elegant-luxury {
  --background: oklch(0.98 0.00 56.38);
  --foreground: oklch(0.22 0 0);
  --card: oklch(0.98 0.00 56.38);
  --card-foreground: oklch(0.22 0 0);
  --popover: oklch(0.98 0.00 56.38);
  --popover-foreground: oklch(0.22 0 0);
  --primary: oklch(0.47 0.15 24.94);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.96 0.04 89.09);
  --secondary-foreground: oklch(0.48 0.10 75.12);
  --muted: oklch(0.94 0.01 53.44);
  --muted-foreground: oklch(0.44 0.01 73.64);
  --accent: oklch(0.96 0.06 95.62);
  --accent-foreground: oklch(0.40 0.13 25.72);
  --destructive: oklch(0.44 0.16 26.90);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.94 0.03 80.99);
  --input: oklch(0.94 0.03 80.99);
  --ring: oklch(0.47 0.15 24.94);
  --chart-1: oklch(0.51 0.19 27.52);
  --chart-2: oklch(0.47 0.15 24.94);
  --chart-3: oklch(0.40 0.13 25.72);
  --chart-4: oklch(0.56 0.15 49.00);
  --chart-5: oklch(0.47 0.12 46.20);
  --sidebar: oklch(0.94 0.01 53.44);
  --sidebar-foreground: oklch(0.22 0 0);
  --sidebar-primary: oklch(0.47 0.15 24.94);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.96 0.06 95.62);
  --sidebar-accent-foreground: oklch(0.40 0.13 25.72);
  --sidebar-border: oklch(0.94 0.03 80.99);
  --sidebar-ring: oklch(0.47 0.15 24.94);
  --font-sans: Poppins, sans-serif;
  --font-serif: Libre Baskerville, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 0.375rem;
  --shadow-2xs: 1px 1px 16px -2px hsl(0 63% 18% / 0.06);
  --shadow-xs: 1px 1px 16px -2px hsl(0 63% 18% / 0.06);
  --shadow-sm: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 1px 2px -3px hsl(0 63% 18% / 0.12);
  --shadow: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 1px 2px -3px hsl(0 63% 18% / 0.12);
  --shadow-md: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 2px 4px -3px hsl(0 63% 18% / 0.12);
  --shadow-lg: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 4px 6px -3px hsl(0 63% 18% / 0.12);
  --shadow-xl: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 8px 10px -3px hsl(0 63% 18% / 0.12);
  --shadow-2xl: 1px 1px 16px -2px hsl(0 63% 18% / 0.30);
  &:is(.dark *) {
    --background: oklch(0.22 0.01 56.04);
    --foreground: oklch(0.97 0.00 106.42);
    --card: oklch(0.27 0.01 34.30);
    --card-foreground: oklch(0.97 0.00 106.42);
    --popover: oklch(0.27 0.01 34.30);
    --popover-foreground: oklch(0.97 0.00 106.42);
    --primary: oklch(0.51 0.19 27.52);
    --primary-foreground: oklch(0.98 0.00 56.38);
    --secondary: oklch(0.47 0.12 46.20);
    --secondary-foreground: oklch(0.96 0.06 95.62);
    --muted: oklch(0.27 0.01 34.30);
    --muted-foreground: oklch(0.87 0.00 56.37);
    --accent: oklch(0.56 0.15 49.00);
    --accent-foreground: oklch(0.96 0.06 95.62);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.37 0.01 67.56);
    --input: oklch(0.37 0.01 67.56);
    --ring: oklch(0.51 0.19 27.52);
    --chart-1: oklch(0.71 0.17 22.22);
    --chart-2: oklch(0.64 0.21 25.33);
    --chart-3: oklch(0.58 0.22 27.33);
    --chart-4: oklch(0.84 0.16 84.43);
    --chart-5: oklch(0.77 0.16 70.08);
    --sidebar: oklch(0.22 0.01 56.04);
    --sidebar-foreground: oklch(0.97 0.00 106.42);
    --sidebar-primary: oklch(0.51 0.19 27.52);
    --sidebar-primary-foreground: oklch(0.98 0.00 56.38);
    --sidebar-accent: oklch(0.56 0.15 49.00);
    --sidebar-accent-foreground: oklch(0.96 0.06 95.62);
    --sidebar-border: oklch(0.37 0.01 67.56);
    --sidebar-ring: oklch(0.51 0.19 27.52);
    --font-sans: Poppins, sans-serif;
    --font-serif: Libre Baskerville, serif;
    --font-mono: IBM Plex Mono, monospace;
    --radius: 0.375rem;
    --shadow-2xs: 1px 1px 16px -2px hsl(0 63% 18% / 0.06);
    --shadow-xs: 1px 1px 16px -2px hsl(0 63% 18% / 0.06);
    --shadow-sm: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 1px 2px -3px hsl(0 63% 18% / 0.12);
    --shadow: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 1px 2px -3px hsl(0 63% 18% / 0.12);
    --shadow-md: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 2px 4px -3px hsl(0 63% 18% / 0.12);
    --shadow-lg: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 4px 6px -3px hsl(0 63% 18% / 0.12);
    --shadow-xl: 1px 1px 16px -2px hsl(0 63% 18% / 0.12), 1px 8px 10px -3px hsl(0 63% 18% / 0.12);
    --shadow-2xl: 1px 1px 16px -2px hsl(0 63% 18% / 0.30);
  }
}
.theme-graphite {
  --background: oklch(0.96 0 0);
  --foreground: oklch(0.32 0 0);
  --card: oklch(0.97 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(0.97 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.49 0 0);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.91 0 0);
  --secondary-foreground: oklch(0.32 0 0);
  --muted: oklch(0.89 0 0);
  --muted-foreground: oklch(0.51 0 0);
  --accent: oklch(0.81 0 0);
  --accent-foreground: oklch(0.32 0 0);
  --destructive: oklch(0.56 0.19 25.86);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.86 0 0);
  --input: oklch(0.91 0 0);
  --ring: oklch(0.49 0 0);
  --chart-1: oklch(0.49 0 0);
  --chart-2: oklch(0.49 0.04 196.03);
  --chart-3: oklch(0.65 0 0);
  --chart-4: oklch(0.73 0 0);
  --chart-5: oklch(0.81 0 0);
  --sidebar: oklch(0.94 0 0);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.49 0 0);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.81 0 0);
  --sidebar-accent-foreground: oklch(0.32 0 0);
  --sidebar-border: oklch(0.86 0 0);
  --sidebar-ring: oklch(0.49 0 0);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Fira Code, monospace;
  --radius: 0.35rem;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 20% / 0.07);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 20% / 0.07);
  --shadow-sm: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 1px 2px -1px hsl(0 0% 20% / 0.15);
  --shadow: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 1px 2px -1px hsl(0 0% 20% / 0.15);
  --shadow-md: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 2px 4px -1px hsl(0 0% 20% / 0.15);
  --shadow-lg: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 4px 6px -1px hsl(0 0% 20% / 0.15);
  --shadow-xl: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 8px 10px -1px hsl(0 0% 20% / 0.15);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 20% / 0.38);
  &:is(.dark *) {
    --background: oklch(0.22 0 0);
    --foreground: oklch(0.89 0 0);
    --card: oklch(0.24 0 0);
    --card-foreground: oklch(0.89 0 0);
    --popover: oklch(0.24 0 0);
    --popover-foreground: oklch(0.89 0 0);
    --primary: oklch(0.71 0 0);
    --primary-foreground: oklch(0.22 0 0);
    --secondary: oklch(0.31 0 0);
    --secondary-foreground: oklch(0.89 0 0);
    --muted: oklch(0.29 0 0);
    --muted-foreground: oklch(0.60 0 0);
    --accent: oklch(0.37 0 0);
    --accent-foreground: oklch(0.89 0 0);
    --destructive: oklch(0.66 0.15 22.17);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.33 0 0);
    --input: oklch(0.31 0 0);
    --ring: oklch(0.71 0 0);
    --chart-1: oklch(0.71 0 0);
    --chart-2: oklch(0.67 0.03 206.35);
    --chart-3: oklch(0.55 0 0);
    --chart-4: oklch(0.46 0 0);
    --chart-5: oklch(0.37 0 0);
    --sidebar: oklch(0.24 0 0);
    --sidebar-foreground: oklch(0.89 0 0);
    --sidebar-primary: oklch(0.71 0 0);
    --sidebar-primary-foreground: oklch(0.22 0 0);
    --sidebar-accent: oklch(0.37 0 0);
    --sidebar-accent-foreground: oklch(0.89 0 0);
    --sidebar-border: oklch(0.33 0 0);
    --sidebar-ring: oklch(0.71 0 0);
    --font-sans: Inter, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: Fira Code, monospace;
    --radius: 0.35rem;
    --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 20% / 0.07);
    --shadow-xs: 0px 2px 0px 0px hsl(0 0% 20% / 0.07);
    --shadow-sm: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 1px 2px -1px hsl(0 0% 20% / 0.15);
    --shadow: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 1px 2px -1px hsl(0 0% 20% / 0.15);
    --shadow-md: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 2px 4px -1px hsl(0 0% 20% / 0.15);
    --shadow-lg: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 4px 6px -1px hsl(0 0% 20% / 0.15);
    --shadow-xl: 0px 2px 0px 0px hsl(0 0% 20% / 0.15), 0px 8px 10px -1px hsl(0 0% 20% / 0.15);
    --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 20% / 0.38);
  }
}
.theme-kodama-grove {
  --background: oklch(0.88 0.05 91.79);
  --foreground: oklch(0.43 0.03 59.22);
  --card: oklch(0.89 0.04 87.57);
  --card-foreground: oklch(0.43 0.03 59.22);
  --popover: oklch(0.94 0.03 89.85);
  --popover-foreground: oklch(0.43 0.03 59.22);
  --primary: oklch(0.67 0.11 118.91);
  --primary-foreground: oklch(0.99 0.01 88.64);
  --secondary: oklch(0.85 0.06 91.15);
  --secondary-foreground: oklch(0.43 0.03 59.22);
  --muted: oklch(0.85 0.06 91.15);
  --muted-foreground: oklch(0.58 0.03 60.93);
  --accent: oklch(0.84 0.07 90.33);
  --accent-foreground: oklch(0.43 0.03 59.22);
  --destructive: oklch(0.71 0.10 29.98);
  --destructive-foreground: oklch(0.98 0.01 91.48);
  --border: oklch(0.69 0.04 59.84);
  --input: oklch(0.84 0.07 90.33);
  --ring: oklch(0.73 0.06 130.85);
  --chart-1: oklch(0.73 0.06 130.85);
  --chart-2: oklch(0.68 0.06 132.45);
  --chart-3: oklch(0.82 0.03 136.65);
  --chart-4: oklch(0.59 0.05 137.62);
  --chart-5: oklch(0.52 0.04 137.19);
  --sidebar: oklch(0.86 0.06 90.52);
  --sidebar-foreground: oklch(0.43 0.03 59.22);
  --sidebar-primary: oklch(0.73 0.06 130.85);
  --sidebar-primary-foreground: oklch(0.99 0.01 88.64);
  --sidebar-accent: oklch(0.92 0.02 88.00);
  --sidebar-accent-foreground: oklch(0.43 0.03 59.22);
  --sidebar-border: oklch(0.91 0.02 88.00);
  --sidebar-ring: oklch(0.73 0.06 130.85);
  --font-sans: Merriweather, serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.425rem;
  --shadow-2xs: 3px 3px 2px 0px hsl(88 22% 35% / 0.07);
  --shadow-xs: 3px 3px 2px 0px hsl(88 22% 35% / 0.07);
  --shadow-sm: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 1px 2px -1px hsl(88 22% 35% / 0.15);
  --shadow: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 1px 2px -1px hsl(88 22% 35% / 0.15);
  --shadow-md: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 2px 4px -1px hsl(88 22% 35% / 0.15);
  --shadow-lg: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 4px 6px -1px hsl(88 22% 35% / 0.15);
  --shadow-xl: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 8px 10px -1px hsl(88 22% 35% / 0.15);
  --shadow-2xl: 3px 3px 2px 0px hsl(88 22% 35% / 0.38);
  &:is(.dark *) {
    --background: oklch(0.33 0.02 88.07);
    --foreground: oklch(0.92 0.02 82.12);
    --card: oklch(0.36 0.02 82.33);
    --card-foreground: oklch(0.92 0.02 82.12);
    --popover: oklch(0.36 0.02 82.33);
    --popover-foreground: oklch(0.92 0.02 82.12);
    --primary: oklch(0.68 0.06 132.45);
    --primary-foreground: oklch(0.27 0.01 61.02);
    --secondary: oklch(0.44 0.02 84.55);
    --secondary-foreground: oklch(0.92 0.02 82.12);
    --muted: oklch(0.39 0.02 82.71);
    --muted-foreground: oklch(0.71 0.02 73.62);
    --accent: oklch(0.65 0.07 90.76);
    --accent-foreground: oklch(0.27 0.01 61.02);
    --destructive: oklch(0.63 0.08 31.30);
    --destructive-foreground: oklch(0.94 0.02 84.59);
    --border: oklch(0.44 0.02 84.55);
    --input: oklch(0.44 0.02 84.55);
    --ring: oklch(0.68 0.06 132.45);
    --chart-1: oklch(0.68 0.06 132.45);
    --chart-2: oklch(0.73 0.06 130.85);
    --chart-3: oklch(0.59 0.05 137.62);
    --chart-4: oklch(0.65 0.07 90.76);
    --chart-5: oklch(0.52 0.04 137.19);
    --sidebar: oklch(0.33 0.02 88.07);
    --sidebar-foreground: oklch(0.92 0.02 82.12);
    --sidebar-primary: oklch(0.68 0.06 132.45);
    --sidebar-primary-foreground: oklch(0.27 0.01 61.02);
    --sidebar-accent: oklch(0.65 0.07 90.76);
    --sidebar-accent-foreground: oklch(0.27 0.01 61.02);
    --sidebar-border: oklch(0.44 0.02 84.55);
    --sidebar-ring: oklch(0.68 0.06 132.45);
    --font-sans: Merriweather, serif;
    --font-serif: Source Serif 4, serif;
    --font-mono: JetBrains Mono, monospace;
    --radius: 0.425rem;
    --shadow-2xs: 3px 3px 2px 0px hsl(88 22% 35% / 0.07);
    --shadow-xs: 3px 3px 2px 0px hsl(88 22% 35% / 0.07);
    --shadow-sm: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 1px 2px -1px hsl(88 22% 35% / 0.15);
    --shadow: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 1px 2px -1px hsl(88 22% 35% / 0.15);
    --shadow-md: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 2px 4px -1px hsl(88 22% 35% / 0.15);
    --shadow-lg: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 4px 6px -1px hsl(88 22% 35% / 0.15);
    --shadow-xl: 3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 8px 10px -1px hsl(88 22% 35% / 0.15);
    --shadow-2xl: 3px 3px 2px 0px hsl(88 22% 35% / 0.38);
  }
}
.theme-midnight-bloom {
  --background: oklch(0.98 0 0);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.57 0.20 283.08);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.82 0.07 249.35);
  --secondary-foreground: oklch(0.32 0 0);
  --muted: oklch(0.82 0.02 91.62);
  --muted-foreground: oklch(0.54 0 0);
  --accent: oklch(0.65 0.06 117.43);
  --accent-foreground: oklch(1.00 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.87 0 0);
  --input: oklch(0.87 0 0);
  --ring: oklch(0.57 0.20 283.08);
  --chart-1: oklch(0.57 0.20 283.08);
  --chart-2: oklch(0.53 0.17 314.65);
  --chart-3: oklch(0.34 0.18 301.68);
  --chart-4: oklch(0.67 0.14 261.34);
  --chart-5: oklch(0.59 0.10 245.74);
  --sidebar: oklch(0.98 0 0);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.57 0.20 283.08);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.65 0.06 117.43);
  --sidebar-accent-foreground: oklch(1.00 0 0);
  --sidebar-border: oklch(0.87 0 0);
  --sidebar-ring: oklch(0.57 0.20 283.08);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Source Code Pro, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 5px 10px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 5px 10px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
  --shadow: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 2px 4px -3px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 4px 6px -3px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 8px 10px -3px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 5px 10px -2px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.23 0.01 264.29);
    --foreground: oklch(0.92 0 0);
    --card: oklch(0.32 0.01 223.67);
    --card-foreground: oklch(0.92 0 0);
    --popover: oklch(0.32 0.01 223.67);
    --popover-foreground: oklch(0.92 0 0);
    --primary: oklch(0.57 0.20 283.08);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.34 0.18 301.68);
    --secondary-foreground: oklch(0.92 0 0);
    --muted: oklch(0.39 0 0);
    --muted-foreground: oklch(0.72 0 0);
    --accent: oklch(0.67 0.14 261.34);
    --accent-foreground: oklch(0.92 0 0);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.39 0 0);
    --input: oklch(0.39 0 0);
    --ring: oklch(0.57 0.20 283.08);
    --chart-1: oklch(0.57 0.20 283.08);
    --chart-2: oklch(0.53 0.17 314.65);
    --chart-3: oklch(0.34 0.18 301.68);
    --chart-4: oklch(0.67 0.14 261.34);
    --chart-5: oklch(0.59 0.10 245.74);
    --sidebar: oklch(0.23 0.01 264.29);
    --sidebar-foreground: oklch(0.92 0 0);
    --sidebar-primary: oklch(0.57 0.20 283.08);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.67 0.14 261.34);
    --sidebar-accent-foreground: oklch(0.92 0 0);
    --sidebar-border: oklch(0.39 0 0);
    --sidebar-ring: oklch(0.57 0.20 283.08);
    --font-sans: Montserrat, sans-serif;
    --font-serif: Playfair Display, serif;
    --font-mono: Source Code Pro, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 5px 10px -2px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0px 5px 10px -2px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
    --shadow: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
    --shadow-md: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 2px 4px -3px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 4px 6px -3px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0px 5px 10px -2px hsl(0 0% 0% / 0.10), 0px 8px 10px -3px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0px 5px 10px -2px hsl(0 0% 0% / 0.25);
  }
}
.theme-moocha-mousse {
  --background: oklch(0.95 0.01 102.46);
  --foreground: oklch(0.41 0.03 40.36);
  --card: oklch(0.95 0.01 102.46);
  --card-foreground: oklch(0.41 0.03 40.36);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.41 0.03 40.36);
  --primary: oklch(0.61 0.06 44.36);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.75 0.04 80.55);
  --secondary-foreground: oklch(1.00 0 0);
  --muted: oklch(0.85 0.04 49.09);
  --muted-foreground: oklch(0.54 0.05 37.21);
  --accent: oklch(0.85 0.04 49.09);
  --accent-foreground: oklch(0.41 0.03 40.36);
  --destructive: oklch(0.22 0.01 52.96);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.75 0.04 80.55);
  --input: oklch(0.75 0.04 80.55);
  --ring: oklch(0.61 0.06 44.36);
  --chart-1: oklch(0.61 0.06 44.36);
  --chart-2: oklch(0.54 0.05 37.21);
  --chart-3: oklch(0.73 0.05 52.33);
  --chart-4: oklch(0.75 0.04 80.55);
  --chart-5: oklch(0.64 0.04 52.39);
  --sidebar: oklch(0.89 0.03 49.57);
  --sidebar-foreground: oklch(0.41 0.03 40.36);
  --sidebar-primary: oklch(0.61 0.06 44.36);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.73 0.05 52.33);
  --sidebar-accent-foreground: oklch(1.00 0 0);
  --sidebar-border: oklch(0.64 0.04 52.39);
  --sidebar-ring: oklch(0.61 0.06 44.36);
  --font-sans: DM Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 2px 2px 0px 0px hsl(20 18% 51% / 0.06);
  --shadow-xs: 2px 2px 0px 0px hsl(20 18% 51% / 0.06);
  --shadow-sm: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 1px 2px -1px hsl(20 18% 51% / 0.11);
  --shadow: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 1px 2px -1px hsl(20 18% 51% / 0.11);
  --shadow-md: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 2px 4px -1px hsl(20 18% 51% / 0.11);
  --shadow-lg: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 4px 6px -1px hsl(20 18% 51% / 0.11);
  --shadow-xl: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 8px 10px -1px hsl(20 18% 51% / 0.11);
  --shadow-2xl: 2px 2px 0px 0px hsl(20 18% 51% / 0.28);
  &:is(.dark *) {
    --background: oklch(0.27 0.01 48.18);
    --foreground: oklch(0.95 0.01 102.46);
    --card: oklch(0.33 0.02 50.89);
    --card-foreground: oklch(0.95 0.01 102.46);
    --popover: oklch(0.33 0.02 50.89);
    --popover-foreground: oklch(0.95 0.01 102.46);
    --primary: oklch(0.73 0.05 52.33);
    --primary-foreground: oklch(0.27 0.01 48.18);
    --secondary: oklch(0.54 0.05 37.21);
    --secondary-foreground: oklch(0.95 0.01 102.46);
    --muted: oklch(0.41 0.03 40.36);
    --muted-foreground: oklch(0.76 0.04 50.86);
    --accent: oklch(0.75 0.04 80.55);
    --accent-foreground: oklch(0.27 0.01 48.18);
    --destructive: oklch(0.69 0.14 21.46);
    --destructive-foreground: oklch(0.27 0.01 48.18);
    --border: oklch(0.41 0.03 40.36);
    --input: oklch(0.41 0.03 40.36);
    --ring: oklch(0.73 0.05 52.33);
    --chart-1: oklch(0.73 0.05 52.33);
    --chart-2: oklch(0.75 0.04 80.55);
    --chart-3: oklch(0.61 0.06 44.36);
    --chart-4: oklch(0.54 0.05 37.21);
    --chart-5: oklch(0.64 0.04 52.39);
    --sidebar: oklch(0.22 0.01 52.96);
    --sidebar-foreground: oklch(0.95 0.01 102.46);
    --sidebar-primary: oklch(0.73 0.05 52.33);
    --sidebar-primary-foreground: oklch(0.22 0.01 52.96);
    --sidebar-accent: oklch(0.75 0.04 80.55);
    --sidebar-accent-foreground: oklch(0.22 0.01 52.96);
    --sidebar-border: oklch(0.41 0.03 40.36);
    --sidebar-ring: oklch(0.73 0.05 52.33);
    --font-sans: DM Sans, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: Menlo, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 2px 2px 0px 0px hsl(20 18% 30% / 0.06);
    --shadow-xs: 2px 2px 0px 0px hsl(20 18% 30% / 0.06);
    --shadow-sm: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 1px 2px -1px hsl(20 18% 30% / 0.11);
    --shadow: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 1px 2px -1px hsl(20 18% 30% / 0.11);
    --shadow-md: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 2px 4px -1px hsl(20 18% 30% / 0.11);
    --shadow-lg: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 4px 6px -1px hsl(20 18% 30% / 0.11);
    --shadow-xl: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 8px 10px -1px hsl(20 18% 30% / 0.11);
    --shadow-2xl: 2px 2px 0px 0px hsl(20 18% 30% / 0.28);
  }
}
.theme-modern-minimal {
  --background: oklch(1.00 0 0);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.62 0.19 259.81);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.97 0.00 264.54);
  --secondary-foreground: oklch(0.45 0.03 256.80);
  --muted: oklch(0.98 0.00 247.84);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.95 0.03 236.82);
  --accent-foreground: oklch(0.38 0.14 265.52);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.93 0.01 264.53);
  --input: oklch(0.93 0.01 264.53);
  --ring: oklch(0.62 0.19 259.81);
  --chart-1: oklch(0.62 0.19 259.81);
  --chart-2: oklch(0.55 0.22 262.88);
  --chart-3: oklch(0.49 0.22 264.38);
  --chart-4: oklch(0.42 0.18 265.64);
  --chart-5: oklch(0.38 0.14 265.52);
  --sidebar: oklch(0.98 0.00 247.84);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.62 0.19 259.81);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.95 0.03 236.82);
  --sidebar-accent-foreground: oklch(0.38 0.14 265.52);
  --sidebar-border: oklch(0.93 0.01 264.53);
  --sidebar-ring: oklch(0.62 0.19 259.81);
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.20 0 0);
    --foreground: oklch(0.92 0 0);
    --card: oklch(0.27 0 0);
    --card-foreground: oklch(0.92 0 0);
    --popover: oklch(0.27 0 0);
    --popover-foreground: oklch(0.92 0 0);
    --primary: oklch(0.62 0.19 259.81);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.27 0 0);
    --secondary-foreground: oklch(0.92 0 0);
    --muted: oklch(0.27 0 0);
    --muted-foreground: oklch(0.72 0 0);
    --accent: oklch(0.38 0.14 265.52);
    --accent-foreground: oklch(0.88 0.06 254.13);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.37 0 0);
    --input: oklch(0.37 0 0);
    --ring: oklch(0.62 0.19 259.81);
    --chart-1: oklch(0.71 0.14 254.62);
    --chart-2: oklch(0.62 0.19 259.81);
    --chart-3: oklch(0.55 0.22 262.88);
    --chart-4: oklch(0.49 0.22 264.38);
    --chart-5: oklch(0.42 0.18 265.64);
    --sidebar: oklch(0.20 0 0);
    --sidebar-foreground: oklch(0.92 0 0);
    --sidebar-primary: oklch(0.62 0.19 259.81);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.38 0.14 265.52);
    --sidebar-accent-foreground: oklch(0.88 0.06 254.13);
    --sidebar-border: oklch(0.37 0 0);
    --sidebar-ring: oklch(0.62 0.19 259.81);
    --font-sans: Inter, sans-serif;
    --font-serif: Source Serif 4, serif;
    --font-mono: JetBrains Mono, monospace;
    --radius: 0.375rem;
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-mono {
  --background: oklch(1.00 0 0);
  --foreground: oklch(0.14 0 0);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.14 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.14 0 0);
  --primary: oklch(0.56 0 0);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.20 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.55 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.20 0 0);
  --destructive: oklch(0.58 0.24 28.48);
  --destructive-foreground: oklch(0.97 0 0);
  --border: oklch(0.92 0 0);
  --input: oklch(0.92 0 0);
  --ring: oklch(0.71 0 0);
  --chart-1: oklch(0.56 0 0);
  --chart-2: oklch(0.56 0 0);
  --chart-3: oklch(0.56 0 0);
  --chart-4: oklch(0.56 0 0);
  --chart-5: oklch(0.56 0 0);
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0.14 0 0);
  --sidebar-primary: oklch(0.20 0 0);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.20 0 0);
  --sidebar-border: oklch(0.92 0 0);
  --sidebar-ring: oklch(0.71 0 0);
  --font-sans: Geist Mono, monospace;
  --font-serif: Geist Mono, monospace;
  --font-mono: Geist Mono, monospace;
  --radius: 0rem;
  --shadow-2xs: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-xs: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-sm: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow-md: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 2px 4px -1px hsl(0 0% 0% / 0.00);
  --shadow-lg: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 4px 6px -1px hsl(0 0% 0% / 0.00);
  --shadow-xl: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 8px 10px -1px hsl(0 0% 0% / 0.00);
  --shadow-2xl: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  &:is(.dark *) {
    --background: oklch(0.14 0 0);
    --foreground: oklch(0.99 0 0);
    --card: oklch(0.21 0 0);
    --card-foreground: oklch(0.99 0 0);
    --popover: oklch(0.27 0 0);
    --popover-foreground: oklch(0.99 0 0);
    --primary: oklch(0.56 0 0);
    --primary-foreground: oklch(0.99 0 0);
    --secondary: oklch(0.27 0 0);
    --secondary-foreground: oklch(0.99 0 0);
    --muted: oklch(0.27 0 0);
    --muted-foreground: oklch(0.71 0 0);
    --accent: oklch(0.37 0 0);
    --accent-foreground: oklch(0.99 0 0);
    --destructive: oklch(0.70 0.19 22.23);
    --destructive-foreground: oklch(0.27 0 0);
    --border: oklch(0.34 0 0);
    --input: oklch(0.44 0 0);
    --ring: oklch(0.56 0 0);
    --chart-1: oklch(0.56 0 0);
    --chart-2: oklch(0.56 0 0);
    --chart-3: oklch(0.56 0 0);
    --chart-4: oklch(0.56 0 0);
    --chart-5: oklch(0.56 0 0);
    --sidebar: oklch(0.20 0 0);
    --sidebar-foreground: oklch(0.99 0 0);
    --sidebar-primary: oklch(0.99 0 0);
    --sidebar-primary-foreground: oklch(0.20 0 0);
    --sidebar-accent: oklch(0.27 0 0);
    --sidebar-accent-foreground: oklch(0.99 0 0);
    --sidebar-border: oklch(1.00 0 0);
    --sidebar-ring: oklch(0.44 0 0);
    --font-sans: Geist Mono, monospace;
    --font-serif: Geist Mono, monospace;
    --font-mono: Geist Mono, monospace;
    --radius: 0rem;
    --shadow-2xs: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
    --shadow-xs: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
    --shadow-sm: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
    --shadow: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
    --shadow-md: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 2px 4px -1px hsl(0 0% 0% / 0.00);
    --shadow-lg: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 4px 6px -1px hsl(0 0% 0% / 0.00);
    --shadow-xl: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 8px 10px -1px hsl(0 0% 0% / 0.00);
    --shadow-2xl: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  }
}
.theme-nature {
  --background: oklch(0.97 0.01 80.72);
  --foreground: oklch(0.30 0.04 30.20);
  --card: oklch(0.97 0.01 80.72);
  --card-foreground: oklch(0.30 0.04 30.20);
  --popover: oklch(0.97 0.01 80.72);
  --popover-foreground: oklch(0.30 0.04 30.20);
  --primary: oklch(0.52 0.13 144.17);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.96 0.02 147.64);
  --secondary-foreground: oklch(0.43 0.12 144.31);
  --muted: oklch(0.94 0.01 74.42);
  --muted-foreground: oklch(0.45 0.05 39.21);
  --accent: oklch(0.90 0.05 146.04);
  --accent-foreground: oklch(0.43 0.12 144.31);
  --destructive: oklch(0.54 0.19 26.72);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.88 0.02 74.64);
  --input: oklch(0.88 0.02 74.64);
  --ring: oklch(0.52 0.13 144.17);
  --chart-1: oklch(0.67 0.16 144.21);
  --chart-2: oklch(0.58 0.14 144.18);
  --chart-3: oklch(0.52 0.13 144.17);
  --chart-4: oklch(0.43 0.12 144.31);
  --chart-5: oklch(0.22 0.05 145.73);
  --sidebar: oklch(0.94 0.01 74.42);
  --sidebar-foreground: oklch(0.30 0.04 30.20);
  --sidebar-primary: oklch(0.52 0.13 144.17);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.90 0.05 146.04);
  --sidebar-accent-foreground: oklch(0.43 0.12 144.31);
  --sidebar-border: oklch(0.88 0.02 74.64);
  --sidebar-ring: oklch(0.52 0.13 144.17);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Source Code Pro, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.27 0.03 150.77);
    --foreground: oklch(0.94 0.01 72.66);
    --card: oklch(0.33 0.03 146.99);
    --card-foreground: oklch(0.94 0.01 72.66);
    --popover: oklch(0.33 0.03 146.99);
    --popover-foreground: oklch(0.94 0.01 72.66);
    --primary: oklch(0.67 0.16 144.21);
    --primary-foreground: oklch(0.22 0.05 145.73);
    --secondary: oklch(0.39 0.03 142.99);
    --secondary-foreground: oklch(0.90 0.02 142.55);
    --muted: oklch(0.33 0.03 146.99);
    --muted-foreground: oklch(0.86 0.02 76.10);
    --accent: oklch(0.58 0.14 144.18);
    --accent-foreground: oklch(0.94 0.01 72.66);
    --destructive: oklch(0.54 0.19 26.72);
    --destructive-foreground: oklch(0.94 0.01 72.66);
    --border: oklch(0.39 0.03 142.99);
    --input: oklch(0.39 0.03 142.99);
    --ring: oklch(0.67 0.16 144.21);
    --chart-1: oklch(0.77 0.12 145.30);
    --chart-2: oklch(0.72 0.14 144.89);
    --chart-3: oklch(0.67 0.16 144.21);
    --chart-4: oklch(0.63 0.15 144.20);
    --chart-5: oklch(0.58 0.14 144.18);
    --sidebar: oklch(0.27 0.03 150.77);
    --sidebar-foreground: oklch(0.94 0.01 72.66);
    --sidebar-primary: oklch(0.67 0.16 144.21);
    --sidebar-primary-foreground: oklch(0.22 0.05 145.73);
    --sidebar-accent: oklch(0.58 0.14 144.18);
    --sidebar-accent-foreground: oklch(0.94 0.01 72.66);
    --sidebar-border: oklch(0.39 0.03 142.99);
    --sidebar-ring: oklch(0.67 0.16 144.21);
    --font-sans: Montserrat, sans-serif;
    --font-serif: Merriweather, serif;
    --font-mono: Source Code Pro, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-neo-brutalism {
  --background: oklch(1.00 0 0);
  --foreground: oklch(0 0 0);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0 0 0);
  --primary: oklch(0.65 0.24 26.97);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.97 0.21 109.77);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.96 0 0);
  --muted-foreground: oklch(0.32 0 0);
  --accent: oklch(0.56 0.24 260.82);
  --accent-foreground: oklch(1.00 0 0);
  --destructive: oklch(0 0 0);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0 0 0);
  --input: oklch(0 0 0);
  --ring: oklch(0.65 0.24 26.97);
  --chart-1: oklch(0.65 0.24 26.97);
  --chart-2: oklch(0.97 0.21 109.77);
  --chart-3: oklch(0.56 0.24 260.82);
  --chart-4: oklch(0.73 0.25 142.50);
  --chart-5: oklch(0.59 0.27 328.36);
  --sidebar: oklch(0.96 0 0);
  --sidebar-foreground: oklch(0 0 0);
  --sidebar-primary: oklch(0.65 0.24 26.97);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.56 0.24 260.82);
  --sidebar-accent-foreground: oklch(1.00 0 0);
  --sidebar-border: oklch(0 0 0);
  --sidebar-ring: oklch(0.65 0.24 26.97);
  --font-sans: DM Sans, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Space Mono, monospace;
  --radius: 0px;
  --shadow-2xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.50);
  --shadow-xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.50);
  --shadow-sm: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 1px 2px -1px hsl(0 0% 0% / 1.00);
  --shadow: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 1px 2px -1px hsl(0 0% 0% / 1.00);
  --shadow-md: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 2px 4px -1px hsl(0 0% 0% / 1.00);
  --shadow-lg: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 4px 6px -1px hsl(0 0% 0% / 1.00);
  --shadow-xl: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 8px 10px -1px hsl(0 0% 0% / 1.00);
  --shadow-2xl: 4px 4px 0px 0px hsl(0 0% 0% / 2.50);
  &:is(.dark *) {
    --background: oklch(0 0 0);
    --foreground: oklch(1.00 0 0);
    --card: oklch(0.32 0 0);
    --card-foreground: oklch(1.00 0 0);
    --popover: oklch(0.32 0 0);
    --popover-foreground: oklch(1.00 0 0);
    --primary: oklch(0.70 0.19 23.19);
    --primary-foreground: oklch(0 0 0);
    --secondary: oklch(0.97 0.20 109.62);
    --secondary-foreground: oklch(0 0 0);
    --muted: oklch(0.32 0 0);
    --muted-foreground: oklch(0.85 0 0);
    --accent: oklch(0.68 0.18 252.26);
    --accent-foreground: oklch(0 0 0);
    --destructive: oklch(1.00 0 0);
    --destructive-foreground: oklch(0 0 0);
    --border: oklch(1.00 0 0);
    --input: oklch(1.00 0 0);
    --ring: oklch(0.70 0.19 23.19);
    --chart-1: oklch(0.70 0.19 23.19);
    --chart-2: oklch(0.97 0.20 109.62);
    --chart-3: oklch(0.68 0.18 252.26);
    --chart-4: oklch(0.74 0.23 142.85);
    --chart-5: oklch(0.61 0.25 328.07);
    --sidebar: oklch(0 0 0);
    --sidebar-foreground: oklch(1.00 0 0);
    --sidebar-primary: oklch(0.70 0.19 23.19);
    --sidebar-primary-foreground: oklch(0 0 0);
    --sidebar-accent: oklch(0.68 0.18 252.26);
    --sidebar-accent-foreground: oklch(0 0 0);
    --sidebar-border: oklch(1.00 0 0);
    --sidebar-ring: oklch(0.70 0.19 23.19);
    --font-sans: DM Sans, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: Space Mono, monospace;
    --radius: 0px;
    --shadow-2xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.50);
    --shadow-xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.50);
    --shadow-sm: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 1px 2px -1px hsl(0 0% 0% / 1.00);
    --shadow: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 1px 2px -1px hsl(0 0% 0% / 1.00);
    --shadow-md: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 2px 4px -1px hsl(0 0% 0% / 1.00);
    --shadow-lg: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 4px 6px -1px hsl(0 0% 0% / 1.00);
    --shadow-xl: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 8px 10px -1px hsl(0 0% 0% / 1.00);
    --shadow-2xl: 4px 4px 0px 0px hsl(0 0% 0% / 2.50);
  }
}
.theme-northern-lights {
  --background: oklch(0.98 0.00 286.38);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.65 0.15 150.31);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.67 0.14 261.34);
  --secondary-foreground: oklch(1.00 0 0);
  --muted: oklch(0.88 0.03 98.10);
  --muted-foreground: oklch(0.54 0 0);
  --accent: oklch(0.83 0.11 211.96);
  --accent-foreground: oklch(0.32 0 0);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.87 0 0);
  --input: oklch(0.87 0 0);
  --ring: oklch(0.65 0.15 150.31);
  --chart-1: oklch(0.65 0.15 150.31);
  --chart-2: oklch(0.67 0.14 261.34);
  --chart-3: oklch(0.83 0.11 211.96);
  --chart-4: oklch(0.59 0.10 245.74);
  --chart-5: oklch(0.59 0.16 148.24);
  --sidebar: oklch(0.98 0.00 286.38);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.65 0.15 150.31);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.83 0.11 211.96);
  --sidebar-accent-foreground: oklch(0.32 0 0);
  --sidebar-border: oklch(0.87 0 0);
  --sidebar-ring: oklch(0.65 0.15 150.31);
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.23 0.01 264.29);
    --foreground: oklch(0.92 0 0);
    --card: oklch(0.32 0.01 223.67);
    --card-foreground: oklch(0.92 0 0);
    --popover: oklch(0.32 0.01 223.67);
    --popover-foreground: oklch(0.92 0 0);
    --primary: oklch(0.65 0.15 150.31);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.59 0.10 245.74);
    --secondary-foreground: oklch(0.92 0 0);
    --muted: oklch(0.39 0 0);
    --muted-foreground: oklch(0.72 0 0);
    --accent: oklch(0.67 0.14 261.34);
    --accent-foreground: oklch(0.92 0 0);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.39 0 0);
    --input: oklch(0.39 0 0);
    --ring: oklch(0.65 0.15 150.31);
    --chart-1: oklch(0.65 0.15 150.31);
    --chart-2: oklch(0.59 0.10 245.74);
    --chart-3: oklch(0.67 0.14 261.34);
    --chart-4: oklch(0.83 0.11 211.96);
    --chart-5: oklch(0.59 0.16 148.24);
    --sidebar: oklch(0.23 0.01 264.29);
    --sidebar-foreground: oklch(0.92 0 0);
    --sidebar-primary: oklch(0.65 0.15 150.31);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.67 0.14 261.34);
    --sidebar-accent-foreground: oklch(0.92 0 0);
    --sidebar-border: oklch(0.39 0 0);
    --sidebar-ring: oklch(0.65 0.15 150.31);
    --font-sans: Plus Jakarta Sans, sans-serif;
    --font-serif: Source Serif 4, serif;
    --font-mono: JetBrains Mono, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-ocean-breeze {
  --background: oklch(0.98 0.01 244.25);
  --foreground: oklch(0.37 0.03 259.73);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.37 0.03 259.73);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.37 0.03 259.73);
  --primary: oklch(0.72 0.19 149.58);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.95 0.03 236.82);
  --secondary-foreground: oklch(0.45 0.03 256.80);
  --muted: oklch(0.97 0.00 264.54);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.95 0.05 163.05);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.93 0.01 264.53);
  --input: oklch(0.93 0.01 264.53);
  --ring: oklch(0.72 0.19 149.58);
  --chart-1: oklch(0.72 0.19 149.58);
  --chart-2: oklch(0.70 0.15 162.48);
  --chart-3: oklch(0.60 0.13 163.23);
  --chart-4: oklch(0.51 0.10 165.61);
  --chart-5: oklch(0.43 0.09 166.91);
  --sidebar: oklch(0.95 0.03 236.82);
  --sidebar-foreground: oklch(0.37 0.03 259.73);
  --sidebar-primary: oklch(0.72 0.19 149.58);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.95 0.05 163.05);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.93 0.01 264.53);
  --sidebar-ring: oklch(0.72 0.19 149.58);
  --font-sans: DM Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.21 0.04 265.75);
    --foreground: oklch(0.87 0.01 258.34);
    --card: oklch(0.28 0.04 260.03);
    --card-foreground: oklch(0.87 0.01 258.34);
    --popover: oklch(0.28 0.04 260.03);
    --popover-foreground: oklch(0.87 0.01 258.34);
    --primary: oklch(0.77 0.15 163.22);
    --primary-foreground: oklch(0.21 0.04 265.75);
    --secondary: oklch(0.34 0.03 260.91);
    --secondary-foreground: oklch(0.71 0.01 286.07);
    --muted: oklch(0.28 0.04 260.03);
    --muted-foreground: oklch(0.55 0.02 264.36);
    --accent: oklch(0.37 0.03 259.73);
    --accent-foreground: oklch(0.71 0.01 286.07);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(0.21 0.04 265.75);
    --border: oklch(0.45 0.03 256.80);
    --input: oklch(0.45 0.03 256.80);
    --ring: oklch(0.77 0.15 163.22);
    --chart-1: oklch(0.77 0.15 163.22);
    --chart-2: oklch(0.78 0.13 181.91);
    --chart-3: oklch(0.72 0.19 149.58);
    --chart-4: oklch(0.70 0.15 162.48);
    --chart-5: oklch(0.60 0.13 163.23);
    --sidebar: oklch(0.28 0.04 260.03);
    --sidebar-foreground: oklch(0.87 0.01 258.34);
    --sidebar-primary: oklch(0.77 0.15 163.22);
    --sidebar-primary-foreground: oklch(0.21 0.04 265.75);
    --sidebar-accent: oklch(0.37 0.03 259.73);
    --sidebar-accent-foreground: oklch(0.71 0.01 286.07);
    --sidebar-border: oklch(0.45 0.03 256.80);
    --sidebar-ring: oklch(0.77 0.15 163.22);
    --font-sans: DM Sans, sans-serif;
    --font-serif: Lora, serif;
    --font-mono: IBM Plex Mono, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
    --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
    --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  }
}
.theme-pastel-dreams {
  --background: oklch(0.97 0.01 314.78);
  --foreground: oklch(0.37 0.03 259.73);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.37 0.03 259.73);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.37 0.03 259.73);
  --primary: oklch(0.71 0.16 293.54);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.91 0.05 306.09);
  --secondary-foreground: oklch(0.45 0.03 256.80);
  --muted: oklch(0.95 0.03 307.17);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.94 0.03 321.94);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.81 0.10 19.57);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.91 0.05 306.09);
  --input: oklch(0.91 0.05 306.09);
  --ring: oklch(0.71 0.16 293.54);
  --chart-1: oklch(0.71 0.16 293.54);
  --chart-2: oklch(0.61 0.22 292.72);
  --chart-3: oklch(0.54 0.25 293.01);
  --chart-4: oklch(0.49 0.24 292.58);
  --chart-5: oklch(0.43 0.21 292.76);
  --sidebar: oklch(0.91 0.05 306.09);
  --sidebar-foreground: oklch(0.37 0.03 259.73);
  --sidebar-primary: oklch(0.71 0.16 293.54);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.94 0.03 321.94);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.91 0.05 306.09);
  --sidebar-ring: oklch(0.71 0.16 293.54);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 1.5rem;
  --shadow-2xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-sm: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow-md: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 2px 4px -5px hsl(0 0% 0% / 0.08);
  --shadow-lg: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 4px 6px -5px hsl(0 0% 0% / 0.08);
  --shadow-xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 8px 10px -5px hsl(0 0% 0% / 0.08);
  --shadow-2xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.20);
  &:is(.dark *) {
    --background: oklch(0.22 0.01 56.04);
    --foreground: oklch(0.93 0.03 272.79);
    --card: oklch(0.28 0.03 307.23);
    --card-foreground: oklch(0.93 0.03 272.79);
    --popover: oklch(0.28 0.03 307.23);
    --popover-foreground: oklch(0.93 0.03 272.79);
    --primary: oklch(0.79 0.12 295.75);
    --primary-foreground: oklch(0.22 0.01 56.04);
    --secondary: oklch(0.34 0.04 308.85);
    --secondary-foreground: oklch(0.87 0.01 258.34);
    --muted: oklch(0.28 0.03 307.23);
    --muted-foreground: oklch(0.71 0.02 261.32);
    --accent: oklch(0.39 0.05 304.64);
    --accent-foreground: oklch(0.87 0.01 258.34);
    --destructive: oklch(0.81 0.10 19.57);
    --destructive-foreground: oklch(0.22 0.01 56.04);
    --border: oklch(0.34 0.04 308.85);
    --input: oklch(0.34 0.04 308.85);
    --ring: oklch(0.79 0.12 295.75);
    --chart-1: oklch(0.79 0.12 295.75);
    --chart-2: oklch(0.71 0.16 293.54);
    --chart-3: oklch(0.61 0.22 292.72);
    --chart-4: oklch(0.54 0.25 293.01);
    --chart-5: oklch(0.49 0.24 292.58);
    --sidebar: oklch(0.34 0.04 308.85);
    --sidebar-foreground: oklch(0.93 0.03 272.79);
    --sidebar-primary: oklch(0.79 0.12 295.75);
    --sidebar-primary-foreground: oklch(0.22 0.01 56.04);
    --sidebar-accent: oklch(0.39 0.05 304.64);
    --sidebar-accent-foreground: oklch(0.87 0.01 258.34);
    --sidebar-border: oklch(0.34 0.04 308.85);
    --sidebar-ring: oklch(0.79 0.12 295.75);
    --font-sans: Open Sans, sans-serif;
    --font-serif: Source Serif 4, serif;
    --font-mono: IBM Plex Mono, monospace;
    --radius: 1.5rem;
    --shadow-2xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
    --shadow-xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
    --shadow-sm: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
    --shadow: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
    --shadow-md: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 2px 4px -5px hsl(0 0% 0% / 0.08);
    --shadow-lg: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 4px 6px -5px hsl(0 0% 0% / 0.08);
    --shadow-xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 8px 10px -5px hsl(0 0% 0% / 0.08);
    --shadow-2xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.20);
  }
}
.theme-perpetuity {
  --background: oklch(0.95 0.01 197.01);
  --foreground: oklch(0.38 0.06 212.66);
  --card: oklch(0.97 0.01 197.07);
  --card-foreground: oklch(0.38 0.06 212.66);
  --popover: oklch(0.97 0.01 197.07);
  --popover-foreground: oklch(0.38 0.06 212.66);
  --primary: oklch(0.56 0.09 203.28);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.92 0.02 196.84);
  --secondary-foreground: oklch(0.38 0.06 212.66);
  --muted: oklch(0.93 0.01 196.97);
  --muted-foreground: oklch(0.54 0.06 201.57);
  --accent: oklch(0.90 0.03 201.89);
  --accent-foreground: oklch(0.38 0.06 212.66);
  --destructive: oklch(0.57 0.19 25.54);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.89 0.02 204.41);
  --input: oklch(0.92 0.02 196.84);
  --ring: oklch(0.56 0.09 203.28);
  --chart-1: oklch(0.56 0.09 203.28);
  --chart-2: oklch(0.64 0.10 201.59);
  --chart-3: oklch(0.71 0.11 201.25);
  --chart-4: oklch(0.77 0.10 201.18);
  --chart-5: oklch(0.83 0.08 200.97);
  --sidebar: oklch(0.93 0.02 205.32);
  --sidebar-foreground: oklch(0.38 0.06 212.66);
  --sidebar-primary: oklch(0.56 0.09 203.28);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.90 0.03 201.89);
  --sidebar-accent-foreground: oklch(0.38 0.06 212.66);
  --sidebar-border: oklch(0.89 0.02 204.41);
  --sidebar-ring: oklch(0.56 0.09 203.28);
  --font-sans: Courier New, monospace;
  --font-serif: Courier New, monospace;
  --font-mono: Courier New, monospace;
  --radius: 0.125rem;
  --shadow-2xs: 1px 1px 2px 0px hsl(185 70% 30% / 0.07);
  --shadow-xs: 1px 1px 2px 0px hsl(185 70% 30% / 0.07);
  --shadow-sm: 1px 1px 2px 0px hsl(185 70% 30% / 0.15), 1px 1px 2px -1px hsl(185 70% 30% / 0.15);
  --shadow: 1px 1px 2px 0px hsl(185 70% 30% / 0.15), 1px 1px 2px -1px hsl(185 70% 30% / 0.15);
  --shadow-md: 1px 1px 2px 0px hsl(185 70% 30% / 0.15), 1px 2px 4px -1px hsl(185 70% 30% / 0.15);
  --shadow-lg: 1px 1px 2px 0px hsl(185 70% 30% / 0.15), 1px 4px 6px -1px hsl(185 70% 30% / 0.15);
  --shadow-xl: 1px 1px 2px 0px hsl(185 70% 30% / 0.15), 1px 8px 10px -1px hsl(185 70% 30% / 0.15);
  --shadow-2xl: 1px 1px 2px 0px hsl(185 70% 30% / 0.38);
  &:is(.dark *) {
    --background: oklch(0.21 0.02 224.45);
    --foreground: oklch(0.85 0.13 195.04);
    --card: oklch(0.23 0.03 216.07);
    --card-foreground: oklch(0.85 0.13 195.04);
    --popover: oklch(0.23 0.03 216.07);
    --popover-foreground: oklch(0.85 0.13 195.04);
    --primary: oklch(0.85 0.13 195.04);
    --primary-foreground: oklch(0.21 0.02 224.45);
    --secondary: oklch(0.38 0.06 216.50);
    --secondary-foreground: oklch(0.85 0.13 195.04);
    --muted: oklch(0.29 0.04 218.82);
    --muted-foreground: oklch(0.66 0.10 195.05);
    --accent: oklch(0.38 0.06 216.50);
    --accent-foreground: oklch(0.85 0.13 195.04);
    --destructive: oklch(0.62 0.21 25.81);
    --destructive-foreground: oklch(0.96 0 0);
    --border: oklch(0.38 0.06 216.50);
    --input: oklch(0.38 0.06 216.50);
    --ring: oklch(0.85 0.13 195.04);
    --chart-1: oklch(0.85 0.13 195.04);
    --chart-2: oklch(0.66 0.10 195.05);
    --chart-3: oklch(0.58 0.08 195.07);
    --chart-4: oklch(0.43 0.06 202.62);
    --chart-5: oklch(0.31 0.05 204.16);
    --sidebar: oklch(0.21 0.02 224.45);
    --sidebar-foreground: oklch(0.85 0.13 195.04);
    --sidebar-primary: oklch(0.85 0.13 195.04);
    --sidebar-primary-foreground: oklch(0.21 0.02 224.45);
    --sidebar-accent: oklch(0.38 0.06 216.50);
    --sidebar-accent-foreground: oklch(0.85 0.13 195.04);
    --sidebar-border: oklch(0.38 0.06 216.50);
    --sidebar-ring: oklch(0.85 0.13 195.04);
    --font-sans: Source Code Pro, monospace;
    --font-serif: Source Code Pro, monospace;
    --font-mono: Source Code Pro, monospace;
    --radius: 0.125rem;
    --shadow-2xs: 1px 1px 2px 0px hsl(180 70% 60% / 0.10);
    --shadow-xs: 1px 1px 2px 0px hsl(180 70% 60% / 0.10);
    --shadow-sm: 1px 1px 2px 0px hsl(180 70% 60% / 0.20), 1px 1px 2px -1px hsl(180 70% 60% / 0.20);
    --shadow: 1px 1px 2px 0px hsl(180 70% 60% / 0.20), 1px 1px 2px -1px hsl(180 70% 60% / 0.20);
    --shadow-md: 1px 1px 2px 0px hsl(180 70% 60% / 0.20), 1px 2px 4px -1px hsl(180 70% 60% / 0.20);
    --shadow-lg: 1px 1px 2px 0px hsl(180 70% 60% / 0.20), 1px 4px 6px -1px hsl(180 70% 60% / 0.20);
    --shadow-xl: 1px 1px 2px 0px hsl(180 70% 60% / 0.20), 1px 8px 10px -1px hsl(180 70% 60% / 0.20);
    --shadow-2xl: 1px 1px 2px 0px hsl(180 70% 60% / 0.50);
  }
}
.theme-quantum-rose {
  --background: oklch(0.97 0.02 343.93);
  --foreground: oklch(0.44 0.17 352.38);
  --card: oklch(0.98 0.01 339.33);
  --card-foreground: oklch(0.44 0.17 352.38);
  --popover: oklch(0.98 0.01 339.33);
  --popover-foreground: oklch(0.44 0.17 352.38);
  --primary: oklch(0.60 0.24 0.13);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.92 0.07 326.13);
  --secondary-foreground: oklch(0.44 0.17 352.38);
  --muted: oklch(0.94 0.04 344.26);
  --muted-foreground: oklch(0.57 0.17 352.05);
  --accent: oklch(0.88 0.08 344.88);
  --accent-foreground: oklch(0.44 0.17 352.38);
  --destructive: oklch(0.58 0.19 6.34);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.89 0.07 344.39);
  --input: oklch(0.92 0.07 326.13);
  --ring: oklch(0.60 0.24 0.13);
  --chart-1: oklch(0.60 0.24 0.13);
  --chart-2: oklch(0.60 0.17 345.04);
  --chart-3: oklch(0.60 0.12 311.80);
  --chart-4: oklch(0.58 0.12 283.29);
  --chart-5: oklch(0.65 0.19 267.97);
  --sidebar: oklch(0.96 0.02 345.75);
  --sidebar-foreground: oklch(0.44 0.17 352.38);
  --sidebar-primary: oklch(0.60 0.24 0.13);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.88 0.08 344.88);
  --sidebar-accent-foreground: oklch(0.44 0.17 352.38);
  --sidebar-border: oklch(0.93 0.04 343.31);
  --sidebar-ring: oklch(0.60 0.24 0.13);
  --font-sans: Poppins, sans-serif;
  --font-serif: Playfair Display, serif;
  --font-mono: Space Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 3px 0px 0px hsl(330 70% 30% / 0.09);
  --shadow-xs: 0px 3px 0px 0px hsl(330 70% 30% / 0.09);
  --shadow-sm: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 1px 2px -1px hsl(330 70% 30% / 0.18);
  --shadow: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 1px 2px -1px hsl(330 70% 30% / 0.18);
  --shadow-md: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 2px 4px -1px hsl(330 70% 30% / 0.18);
  --shadow-lg: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 4px 6px -1px hsl(330 70% 30% / 0.18);
  --shadow-xl: 0px 3px 0px 0px hsl(330 70% 30% / 0.18), 0px 8px 10px -1px hsl(330 70% 30% / 0.18);
  --shadow-2xl: 0px 3px 0px 0px hsl(330 70% 30% / 0.45);
  &:is(.dark *) {
    --background: oklch(0.18 0.05 313.72);
    --foreground: oklch(0.86 0.13 326.64);
    --card: oklch(0.24 0.07 313.23);
    --card-foreground: oklch(0.86 0.13 326.64);
    --popover: oklch(0.24 0.07 313.23);
    --popover-foreground: oklch(0.86 0.13 326.64);
    --primary: oklch(0.75 0.23 332.02);
    --primary-foreground: oklch(0.16 0.05 327.57);
    --secondary: oklch(0.32 0.09 319.65);
    --secondary-foreground: oklch(0.86 0.13 326.64);
    --muted: oklch(0.27 0.08 312.35);
    --muted-foreground: oklch(0.71 0.16 327.11);
    --accent: oklch(0.36 0.12 325.77);
    --accent-foreground: oklch(0.86 0.13 326.64);
    --destructive: oklch(0.65 0.24 7.17);
    --destructive-foreground: oklch(0.98 0 0);
    --border: oklch(0.33 0.12 313.54);
    --input: oklch(0.32 0.09 319.65);
    --ring: oklch(0.75 0.23 332.02);
    --chart-1: oklch(0.75 0.23 332.02);
    --chart-2: oklch(0.65 0.22 317.63);
    --chart-3: oklch(0.62 0.22 292.77);
    --chart-4: oklch(0.61 0.16 278.72);
    --chart-5: oklch(0.62 0.20 268.05);
    --sidebar: oklch(0.19 0.05 311.40);
    --sidebar-foreground: oklch(0.86 0.13 326.64);
    --sidebar-primary: oklch(0.75 0.23 332.02);
    --sidebar-primary-foreground: oklch(0.16 0.05 327.57);
    --sidebar-accent: oklch(0.36 0.12 325.77);
    --sidebar-accent-foreground: oklch(0.86 0.13 326.64);
    --sidebar-border: oklch(0.33 0.12 313.54);
    --sidebar-ring: oklch(0.75 0.23 332.02);
    --font-sans: Quicksand, sans-serif;
    --font-serif: Playfair Display, serif;
    --font-mono: Space Mono, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 3px 0px 0px hsl(300 80% 50% / 0.09);
    --shadow-xs: 0px 3px 0px 0px hsl(300 80% 50% / 0.09);
    --shadow-sm: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 1px 2px -1px hsl(300 80% 50% / 0.18);
    --shadow: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 1px 2px -1px hsl(300 80% 50% / 0.18);
    --shadow-md: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 2px 4px -1px hsl(300 80% 50% / 0.18);
    --shadow-lg: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 4px 6px -1px hsl(300 80% 50% / 0.18);
    --shadow-xl: 0px 3px 0px 0px hsl(300 80% 50% / 0.18), 0px 8px 10px -1px hsl(300 80% 50% / 0.18);
    --shadow-2xl: 0px 3px 0px 0px hsl(300 80% 50% / 0.45);
  }
}
.theme-retro-arcade {
  --background: oklch(0.97 0.03 90.10);
  --foreground: oklch(0.31 0.05 219.65);
  --card: oklch(0.93 0.03 92.40);
  --card-foreground: oklch(0.31 0.05 219.65);
  --popover: oklch(0.93 0.03 92.40);
  --popover-foreground: oklch(0.31 0.05 219.65);
  --primary: oklch(0.59 0.20 355.89);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.64 0.10 187.38);
  --secondary-foreground: oklch(1.00 0 0);
  --muted: oklch(0.70 0.02 196.79);
  --muted-foreground: oklch(0.31 0.05 219.65);
  --accent: oklch(0.58 0.17 39.50);
  --accent-foreground: oklch(1.00 0 0);
  --destructive: oklch(0.59 0.21 27.12);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.65 0.02 205.26);
  --input: oklch(0.65 0.02 205.26);
  --ring: oklch(0.59 0.20 355.89);
  --chart-1: oklch(0.61 0.14 244.93);
  --chart-2: oklch(0.64 0.10 187.38);
  --chart-3: oklch(0.59 0.20 355.89);
  --chart-4: oklch(0.58 0.17 39.50);
  --chart-5: oklch(0.59 0.21 27.12);
  --sidebar: oklch(0.97 0.03 90.10);
  --sidebar-foreground: oklch(0.31 0.05 219.65);
  --sidebar-primary: oklch(0.59 0.20 355.89);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.64 0.10 187.38);
  --sidebar-accent-foreground: oklch(1.00 0 0);
  --sidebar-border: oklch(0.65 0.02 205.26);
  --sidebar-ring: oklch(0.59 0.20 355.89);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Space Mono, monospace;
  --radius: 0.25rem;
  --shadow-2xs: 2px 2px 4px 0px hsl(196 83% 10% / 0.07);
  --shadow-xs: 2px 2px 4px 0px hsl(196 83% 10% / 0.07);
  --shadow-sm: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 1px 2px -1px hsl(196 83% 10% / 0.15);
  --shadow: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 1px 2px -1px hsl(196 83% 10% / 0.15);
  --shadow-md: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 2px 4px -1px hsl(196 83% 10% / 0.15);
  --shadow-lg: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 4px 6px -1px hsl(196 83% 10% / 0.15);
  --shadow-xl: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 8px 10px -1px hsl(196 83% 10% / 0.15);
  --shadow-2xl: 2px 2px 4px 0px hsl(196 83% 10% / 0.38);
  &:is(.dark *) {
    --background: oklch(0.27 0.05 219.82);
    --foreground: oklch(0.70 0.02 196.79);
    --card: oklch(0.31 0.05 219.65);
    --card-foreground: oklch(0.70 0.02 196.79);
    --popover: oklch(0.31 0.05 219.65);
    --popover-foreground: oklch(0.70 0.02 196.79);
    --primary: oklch(0.59 0.20 355.89);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.64 0.10 187.38);
    --secondary-foreground: oklch(1.00 0 0);
    --muted: oklch(0.52 0.03 219.14);
    --muted-foreground: oklch(0.70 0.02 196.79);
    --accent: oklch(0.58 0.17 39.50);
    --accent-foreground: oklch(1.00 0 0);
    --destructive: oklch(0.59 0.21 27.12);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.52 0.03 219.14);
    --input: oklch(0.52 0.03 219.14);
    --ring: oklch(0.59 0.20 355.89);
    --chart-1: oklch(0.61 0.14 244.93);
    --chart-2: oklch(0.64 0.10 187.38);
    --chart-3: oklch(0.59 0.20 355.89);
    --chart-4: oklch(0.58 0.17 39.50);
    --chart-5: oklch(0.59 0.21 27.12);
    --sidebar: oklch(0.27 0.05 219.82);
    --sidebar-foreground: oklch(0.70 0.02 196.79);
    --sidebar-primary: oklch(0.59 0.20 355.89);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.64 0.10 187.38);
    --sidebar-accent-foreground: oklch(1.00 0 0);
    --sidebar-border: oklch(0.52 0.03 219.14);
    --sidebar-ring: oklch(0.59 0.20 355.89);
    --font-sans: Outfit, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: Space Mono, monospace;
    --radius: 0.25rem;
    --shadow-2xs: 2px 2px 4px 0px hsl(196 83% 10% / 0.07);
    --shadow-xs: 2px 2px 4px 0px hsl(196 83% 10% / 0.07);
    --shadow-sm: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 1px 2px -1px hsl(196 83% 10% / 0.15);
    --shadow: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 1px 2px -1px hsl(196 83% 10% / 0.15);
    --shadow-md: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 2px 4px -1px hsl(196 83% 10% / 0.15);
    --shadow-lg: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 4px 6px -1px hsl(196 83% 10% / 0.15);
    --shadow-xl: 2px 2px 4px 0px hsl(196 83% 10% / 0.15), 2px 8px 10px -1px hsl(196 83% 10% / 0.15);
    --shadow-2xl: 2px 2px 4px 0px hsl(196 83% 10% / 0.38);
  }
}
.theme-solar-dusk {
  --background: oklch(0.99 0.01 84.57);
  --foreground: oklch(0.37 0.03 49.61);
  --card: oklch(0.97 0.01 78.28);
  --card-foreground: oklch(0.37 0.03 49.61);
  --popover: oklch(0.97 0.01 78.28);
  --popover-foreground: oklch(0.37 0.03 49.61);
  --primary: oklch(0.56 0.15 49.00);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.83 0.08 74.44);
  --secondary-foreground: oklch(0.44 0.01 73.64);
  --muted: oklch(0.94 0.02 83.26);
  --muted-foreground: oklch(0.55 0.01 58.07);
  --accent: oklch(0.90 0.05 74.99);
  --accent-foreground: oklch(0.44 0.01 73.64);
  --destructive: oklch(0.44 0.16 26.90);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.89 0.04 89.70);
  --input: oklch(0.89 0.04 89.70);
  --ring: oklch(0.56 0.15 49.00);
  --chart-1: oklch(0.56 0.15 49.00);
  --chart-2: oklch(0.55 0.01 58.07);
  --chart-3: oklch(0.55 0.12 66.44);
  --chart-4: oklch(0.55 0.01 58.07);
  --chart-5: oklch(0.68 0.14 75.83);
  --sidebar: oklch(0.94 0.02 83.26);
  --sidebar-foreground: oklch(0.37 0.03 49.61);
  --sidebar-primary: oklch(0.56 0.15 49.00);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.55 0.12 66.44);
  --sidebar-accent-foreground: oklch(1.00 0 0);
  --sidebar-border: oklch(0.89 0.04 89.70);
  --sidebar-ring: oklch(0.56 0.15 49.00);
  --font-sans: Oxanium, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Fira Code, monospace;
  --radius: 0.3rem;
  --shadow-2xs: 0px 2px 3px 0px hsl(28 18% 25% / 0.09);
  --shadow-xs: 0px 2px 3px 0px hsl(28 18% 25% / 0.09);
  --shadow-sm: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 1px 2px -1px hsl(28 18% 25% / 0.18);
  --shadow: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 1px 2px -1px hsl(28 18% 25% / 0.18);
  --shadow-md: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 2px 4px -1px hsl(28 18% 25% / 0.18);
  --shadow-lg: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 4px 6px -1px hsl(28 18% 25% / 0.18);
  --shadow-xl: 0px 2px 3px 0px hsl(28 18% 25% / 0.18), 0px 8px 10px -1px hsl(28 18% 25% / 0.18);
  --shadow-2xl: 0px 2px 3px 0px hsl(28 18% 25% / 0.45);
  &:is(.dark *) {
    --background: oklch(0.22 0.01 56.04);
    --foreground: oklch(0.97 0.00 106.42);
    --card: oklch(0.27 0.01 34.30);
    --card-foreground: oklch(0.97 0.00 106.42);
    --popover: oklch(0.27 0.01 34.30);
    --popover-foreground: oklch(0.97 0.00 106.42);
    --primary: oklch(0.70 0.19 47.60);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.44 0.01 73.64);
    --secondary-foreground: oklch(0.92 0.00 48.72);
    --muted: oklch(0.27 0.01 34.30);
    --muted-foreground: oklch(0.72 0.01 56.26);
    --accent: oklch(0.36 0.05 229.32);
    --accent-foreground: oklch(0.92 0.00 48.72);
    --destructive: oklch(0.58 0.22 27.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.37 0.01 67.56);
    --input: oklch(0.37 0.01 67.56);
    --ring: oklch(0.70 0.19 47.60);
    --chart-1: oklch(0.70 0.19 47.60);
    --chart-2: oklch(0.68 0.15 237.32);
    --chart-3: oklch(0.80 0.16 86.05);
    --chart-4: oklch(0.72 0.01 56.26);
    --chart-5: oklch(0.55 0.01 58.07);
    --sidebar: oklch(0.27 0.01 34.30);
    --sidebar-foreground: oklch(0.97 0.00 106.42);
    --sidebar-primary: oklch(0.70 0.19 47.60);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.68 0.15 237.32);
    --sidebar-accent-foreground: oklch(0.28 0.07 254.54);
    --sidebar-border: oklch(0.37 0.01 67.56);
    --sidebar-ring: oklch(0.70 0.19 47.60);
    --font-sans: Oxanium, sans-serif;
    --font-serif: Merriweather, serif;
    --font-mono: Fira Code, monospace;
    --radius: 0.3rem;
    --shadow-2xs: 0px 2px 3px 0px hsl(0 0% 5% / 0.09);
    --shadow-xs: 0px 2px 3px 0px hsl(0 0% 5% / 0.09);
    --shadow-sm: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 1px 2px -1px hsl(0 0% 5% / 0.18);
    --shadow: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 1px 2px -1px hsl(0 0% 5% / 0.18);
    --shadow-md: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 2px 4px -1px hsl(0 0% 5% / 0.18);
    --shadow-lg: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 4px 6px -1px hsl(0 0% 5% / 0.18);
    --shadow-xl: 0px 2px 3px 0px hsl(0 0% 5% / 0.18), 0px 8px 10px -1px hsl(0 0% 5% / 0.18);
    --shadow-2xl: 0px 2px 3px 0px hsl(0 0% 5% / 0.45);
  }
}
.theme-starry-night {
  --background: oklch(0.98 0.00 258.32);
  --foreground: oklch(0.26 0.04 268.07);
  --card: oklch(0.93 0.01 251.56);
  --card-foreground: oklch(0.26 0.04 268.07);
  --popover: oklch(0.99 0.03 98.05);
  --popover-foreground: oklch(0.26 0.04 268.07);
  --primary: oklch(0.48 0.12 263.38);
  --primary-foreground: oklch(0.99 0.03 98.05);
  --secondary: oklch(0.86 0.12 81.01);
  --secondary-foreground: oklch(0.26 0.04 268.07);
  --muted: oklch(0.92 0.01 106.56);
  --muted-foreground: oklch(0.48 0.12 263.38);
  --accent: oklch(0.69 0.07 234.04);
  --accent-foreground: oklch(0.99 0.03 98.05);
  --destructive: oklch(0.26 0.04 322.53);
  --destructive-foreground: oklch(0.99 0.03 98.05);
  --border: oklch(0.78 0.02 251.19);
  --input: oklch(0.69 0.07 234.04);
  --ring: oklch(0.86 0.12 81.01);
  --chart-1: oklch(0.48 0.12 263.38);
  --chart-2: oklch(0.86 0.12 81.01);
  --chart-3: oklch(0.69 0.07 234.04);
  --chart-4: oklch(0.78 0.02 251.19);
  --chart-5: oklch(0.26 0.04 322.53);
  --sidebar: oklch(0.93 0.01 251.56);
  --sidebar-foreground: oklch(0.26 0.04 268.07);
  --sidebar-primary: oklch(0.48 0.12 263.38);
  --sidebar-primary-foreground: oklch(0.99 0.03 98.05);
  --sidebar-accent: oklch(0.86 0.12 81.01);
  --sidebar-accent-foreground: oklch(0.26 0.04 268.07);
  --sidebar-border: oklch(0.78 0.02 251.19);
  --sidebar-ring: oklch(0.86 0.12 81.01);
  --font-sans: Libre Baskerville, serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.22 0.02 275.84);
    --foreground: oklch(0.94 0.01 266.70);
    --card: oklch(0.27 0.04 281.30);
    --card-foreground: oklch(0.94 0.01 266.70);
    --popover: oklch(0.27 0.04 281.30);
    --popover-foreground: oklch(0.91 0.14 95.11);
    --primary: oklch(0.48 0.12 263.38);
    --primary-foreground: oklch(0.91 0.14 95.11);
    --secondary: oklch(0.91 0.14 95.11);
    --secondary-foreground: oklch(0.27 0.04 281.30);
    --muted: oklch(0.27 0.04 281.30);
    --muted-foreground: oklch(0.62 0.04 262.04);
    --accent: oklch(0.85 0.05 264.78);
    --accent-foreground: oklch(0.22 0.02 275.84);
    --destructive: oklch(0.53 0.12 357.11);
    --destructive-foreground: oklch(0.91 0.14 95.11);
    --border: oklch(0.31 0.03 281.77);
    --input: oklch(0.48 0.12 263.38);
    --ring: oklch(0.91 0.14 95.11);
    --chart-1: oklch(0.48 0.12 263.38);
    --chart-2: oklch(0.91 0.14 95.11);
    --chart-3: oklch(0.69 0.07 234.04);
    --chart-4: oklch(0.62 0.04 262.04);
    --chart-5: oklch(0.53 0.12 357.11);
    --sidebar: oklch(0.27 0.04 281.30);
    --sidebar-foreground: oklch(0.94 0.01 266.70);
    --sidebar-primary: oklch(0.48 0.12 263.38);
    --sidebar-primary-foreground: oklch(0.91 0.14 95.11);
    --sidebar-accent: oklch(0.91 0.14 95.11);
    --sidebar-accent-foreground: oklch(0.27 0.04 281.30);
    --sidebar-border: oklch(0.31 0.03 281.77);
    --sidebar-ring: oklch(0.91 0.14 95.11);
    --font-sans: Libre Baskerville, serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-sunset-horizon {
  --background: oklch(0.99 0.01 56.32);
  --foreground: oklch(0.34 0.01 2.77);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.34 0.01 2.77);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.34 0.01 2.77);
  --primary: oklch(0.74 0.16 34.71);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.96 0.02 28.90);
  --secondary-foreground: oklch(0.56 0.13 32.74);
  --muted: oklch(0.97 0.02 39.40);
  --muted-foreground: oklch(0.55 0.01 58.07);
  --accent: oklch(0.83 0.11 58.00);
  --accent-foreground: oklch(0.34 0.01 2.77);
  --destructive: oklch(0.61 0.21 22.24);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.93 0.04 38.69);
  --input: oklch(0.93 0.04 38.69);
  --ring: oklch(0.74 0.16 34.71);
  --chart-1: oklch(0.74 0.16 34.71);
  --chart-2: oklch(0.83 0.11 58.00);
  --chart-3: oklch(0.88 0.08 54.93);
  --chart-4: oklch(0.82 0.11 40.89);
  --chart-5: oklch(0.64 0.13 32.07);
  --sidebar: oklch(0.97 0.02 39.40);
  --sidebar-foreground: oklch(0.34 0.01 2.77);
  --sidebar-primary: oklch(0.74 0.16 34.71);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.83 0.11 58.00);
  --sidebar-accent-foreground: oklch(0.34 0.01 2.77);
  --sidebar-border: oklch(0.93 0.04 38.69);
  --sidebar-ring: oklch(0.74 0.16 34.71);
  --font-sans: Montserrat, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Ubuntu Mono, monospace;
  --radius: 0.625rem;
  --shadow-2xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04);
  --shadow-sm: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09);
  --shadow: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09);
  --shadow-md: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 2px 4px -4px hsl(0 0% 0% / 0.09);
  --shadow-lg: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 4px 6px -4px hsl(0 0% 0% / 0.09);
  --shadow-xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 8px 10px -4px hsl(0 0% 0% / 0.09);
  --shadow-2xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.22);
  &:is(.dark *) {
    --background: oklch(0.26 0.02 352.40);
    --foreground: oklch(0.94 0.01 51.32);
    --card: oklch(0.32 0.02 341.45);
    --card-foreground: oklch(0.94 0.01 51.32);
    --popover: oklch(0.32 0.02 341.45);
    --popover-foreground: oklch(0.94 0.01 51.32);
    --primary: oklch(0.74 0.16 34.71);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.36 0.02 342.27);
    --secondary-foreground: oklch(0.94 0.01 51.32);
    --muted: oklch(0.32 0.02 341.45);
    --muted-foreground: oklch(0.84 0.02 52.63);
    --accent: oklch(0.83 0.11 58.00);
    --accent-foreground: oklch(0.26 0.02 352.40);
    --destructive: oklch(0.61 0.21 22.24);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.36 0.02 342.27);
    --input: oklch(0.36 0.02 342.27);
    --ring: oklch(0.74 0.16 34.71);
    --chart-1: oklch(0.74 0.16 34.71);
    --chart-2: oklch(0.83 0.11 58.00);
    --chart-3: oklch(0.88 0.08 54.93);
    --chart-4: oklch(0.82 0.11 40.89);
    --chart-5: oklch(0.64 0.13 32.07);
    --sidebar: oklch(0.26 0.02 352.40);
    --sidebar-foreground: oklch(0.94 0.01 51.32);
    --sidebar-primary: oklch(0.74 0.16 34.71);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.83 0.11 58.00);
    --sidebar-accent-foreground: oklch(0.26 0.02 352.40);
    --sidebar-border: oklch(0.36 0.02 342.27);
    --sidebar-ring: oklch(0.74 0.16 34.71);
    --font-sans: Montserrat, sans-serif;
    --font-serif: Merriweather, serif;
    --font-mono: Ubuntu Mono, monospace;
    --radius: 0.625rem;
    --shadow-2xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04);
    --shadow-xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04);
    --shadow-sm: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09);
    --shadow: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09);
    --shadow-md: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 2px 4px -4px hsl(0 0% 0% / 0.09);
    --shadow-lg: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 4px 6px -4px hsl(0 0% 0% / 0.09);
    --shadow-xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 8px 10px -4px hsl(0 0% 0% / 0.09);
    --shadow-2xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.22);
  }
}
.theme-supabase {
  --background: oklch(0.99 0 0);
  --foreground: oklch(0.20 0 0);
  --card: oklch(0.99 0 0);
  --card-foreground: oklch(0.20 0 0);
  --popover: oklch(0.99 0 0);
  --popover-foreground: oklch(0.44 0 0);
  --primary: oklch(0.83 0.13 160.91);
  --primary-foreground: oklch(0.26 0.01 166.46);
  --secondary: oklch(0.99 0 0);
  --secondary-foreground: oklch(0.20 0 0);
  --muted: oklch(0.95 0 0);
  --muted-foreground: oklch(0.24 0 0);
  --accent: oklch(0.95 0 0);
  --accent-foreground: oklch(0.24 0 0);
  --destructive: oklch(0.55 0.19 32.73);
  --destructive-foreground: oklch(0.99 0.00 17.21);
  --border: oklch(0.90 0 0);
  --input: oklch(0.97 0 0);
  --ring: oklch(0.83 0.13 160.91);
  --chart-1: oklch(0.83 0.13 160.91);
  --chart-2: oklch(0.62 0.19 259.81);
  --chart-3: oklch(0.61 0.22 292.72);
  --chart-4: oklch(0.77 0.16 70.08);
  --chart-5: oklch(0.70 0.15 162.48);
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0.55 0 0);
  --sidebar-primary: oklch(0.83 0.13 160.91);
  --sidebar-primary-foreground: oklch(0.26 0.01 166.46);
  --sidebar-accent: oklch(0.95 0 0);
  --sidebar-accent-foreground: oklch(0.24 0 0);
  --sidebar-border: oklch(0.90 0 0);
  --sidebar-ring: oklch(0.83 0.13 160.91);
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
  --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
  --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
  --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
  --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
  --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
  --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
  --tracking-normal: 0.025em;
  &:is(.dark *) {
    --background: oklch(0.18 0 0);
    --foreground: oklch(0.93 0.01 255.51);
    --card: oklch(0.20 0 0);
    --card-foreground: oklch(0.93 0.01 255.51);
    --popover: oklch(0.26 0 0);
    --popover-foreground: oklch(0.73 0 0);
    --primary: oklch(0.44 0.10 156.76);
    --primary-foreground: oklch(0.92 0.01 167.16);
    --secondary: oklch(0.26 0 0);
    --secondary-foreground: oklch(0.99 0 0);
    --muted: oklch(0.24 0 0);
    --muted-foreground: oklch(0.71 0 0);
    --accent: oklch(0.31 0 0);
    --accent-foreground: oklch(0.99 0 0);
    --destructive: oklch(0.31 0.09 29.79);
    --destructive-foreground: oklch(0.94 0.00 34.31);
    --border: oklch(0.28 0 0);
    --input: oklch(0.26 0 0);
    --ring: oklch(0.80 0.18 151.71);
    --chart-1: oklch(0.80 0.18 151.71);
    --chart-2: oklch(0.71 0.14 254.62);
    --chart-3: oklch(0.71 0.16 293.54);
    --chart-4: oklch(0.84 0.16 84.43);
    --chart-5: oklch(0.78 0.13 181.91);
    --sidebar: oklch(0.18 0 0);
    --sidebar-foreground: oklch(0.63 0 0);
    --sidebar-primary: oklch(0.44 0.10 156.76);
    --sidebar-primary-foreground: oklch(0.92 0.01 167.16);
    --sidebar-accent: oklch(0.31 0 0);
    --sidebar-accent-foreground: oklch(0.99 0 0);
    --sidebar-border: oklch(0.28 0 0);
    --sidebar-ring: oklch(0.80 0.18 151.71);
    --font-sans: Outfit, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
    --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
    --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
    --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
    --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
    --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
    --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
    --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
  }
}
.theme-t3-chat {
  --background: oklch(0.98 0.01 325.64);
  --foreground: oklch(0.33 0.12 325.04);
  --card: oklch(0.98 0.01 325.64);
  --card-foreground: oklch(0.33 0.12 325.04);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.33 0.12 325.04);
  --primary: oklch(0.53 0.14 355.20);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.87 0.07 334.90);
  --secondary-foreground: oklch(0.44 0.13 324.80);
  --muted: oklch(0.94 0.03 331.55);
  --muted-foreground: oklch(0.49 0.12 324.45);
  --accent: oklch(0.87 0.07 334.90);
  --accent-foreground: oklch(0.44 0.13 324.80);
  --destructive: oklch(0.52 0.14 20.83);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.86 0.08 328.91);
  --input: oklch(0.85 0.06 336.60);
  --ring: oklch(0.59 0.22 0.58);
  --chart-1: oklch(0.60 0.24 344.47);
  --chart-2: oklch(0.44 0.23 300.62);
  --chart-3: oklch(0.38 0.04 226.15);
  --chart-4: oklch(0.83 0.12 88.35);
  --chart-5: oklch(0.78 0.13 59.00);
  --sidebar: oklch(0.94 0.03 320.58);
  --sidebar-foreground: oklch(0.49 0.19 354.54);
  --sidebar-primary: oklch(0.40 0.03 285.20);
  --sidebar-primary-foreground: oklch(0.97 0.01 337.52);
  --sidebar-accent: oklch(0.98 0.00 106.42);
  --sidebar-accent-foreground: oklch(0.40 0.03 285.20);
  --sidebar-border: oklch(0.94 0.00 48.72);
  --sidebar-ring: oklch(0.59 0.22 0.58);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.24 0.02 307.53);
    --foreground: oklch(0.84 0.04 309.54);
    --card: oklch(0.28 0.02 307.54);
    --card-foreground: oklch(0.85 0.03 341.46);
    --popover: oklch(0.15 0.01 338.90);
    --popover-foreground: oklch(0.96 0.01 341.80);
    --primary: oklch(0.46 0.19 4.10);
    --primary-foreground: oklch(0.86 0.06 346.37);
    --secondary: oklch(0.31 0.03 310.06);
    --secondary-foreground: oklch(0.85 0.04 307.96);
    --muted: oklch(0.26 0.02 309.47);
    --muted-foreground: oklch(0.79 0.04 307.10);
    --accent: oklch(0.36 0.05 308.49);
    --accent-foreground: oklch(0.96 0.01 341.80);
    --destructive: oklch(0.23 0.05 12.61);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.33 0.02 343.45);
    --input: oklch(0.34 0.02 332.83);
    --ring: oklch(0.59 0.22 0.58);
    --chart-1: oklch(0.53 0.14 355.20);
    --chart-2: oklch(0.56 0.19 306.86);
    --chart-3: oklch(0.72 0.15 60.58);
    --chart-4: oklch(0.62 0.20 312.74);
    --chart-5: oklch(0.61 0.21 6.14);
    --sidebar: oklch(0.19 0.02 331.05);
    --sidebar-foreground: oklch(0.86 0.03 343.66);
    --sidebar-primary: oklch(0.49 0.22 264.38);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.23 0.03 338.20);
    --sidebar-accent-foreground: oklch(0.97 0.00 286.38);
    --sidebar-border: oklch(0 0 0);
    --sidebar-ring: oklch(0.59 0.22 0.58);
    --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-tangerine {
  --background: oklch(0.94 0.00 236.50);
  --foreground: oklch(0.32 0 0);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.32 0 0);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.32 0 0);
  --primary: oklch(0.64 0.17 36.44);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.97 0.00 264.54);
  --secondary-foreground: oklch(0.45 0.03 256.80);
  --muted: oklch(0.98 0.00 247.84);
  --muted-foreground: oklch(0.55 0.02 264.36);
  --accent: oklch(0.91 0.02 243.82);
  --accent-foreground: oklch(0.38 0.14 265.52);
  --destructive: oklch(0.64 0.21 25.33);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.90 0.01 247.88);
  --input: oklch(0.97 0.00 264.54);
  --ring: oklch(0.64 0.17 36.44);
  --chart-1: oklch(0.72 0.06 248.68);
  --chart-2: oklch(0.79 0.09 35.96);
  --chart-3: oklch(0.58 0.08 254.16);
  --chart-4: oklch(0.50 0.08 259.49);
  --chart-5: oklch(0.42 0.10 264.03);
  --sidebar: oklch(0.90 0.00 258.33);
  --sidebar-foreground: oklch(0.32 0 0);
  --sidebar-primary: oklch(0.64 0.17 36.44);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.91 0.02 243.82);
  --sidebar-accent-foreground: oklch(0.38 0.14 265.52);
  --sidebar-border: oklch(0.93 0.01 264.53);
  --sidebar-ring: oklch(0.64 0.17 36.44);
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.75rem;
  --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.25);
  &:is(.dark *) {
    --background: oklch(0.26 0.03 262.67);
    --foreground: oklch(0.92 0 0);
    --card: oklch(0.31 0.03 268.64);
    --card-foreground: oklch(0.92 0 0);
    --popover: oklch(0.29 0.02 268.40);
    --popover-foreground: oklch(0.92 0 0);
    --primary: oklch(0.64 0.17 36.44);
    --primary-foreground: oklch(1.00 0 0);
    --secondary: oklch(0.31 0.03 266.71);
    --secondary-foreground: oklch(0.92 0 0);
    --muted: oklch(0.31 0.03 266.71);
    --muted-foreground: oklch(0.72 0 0);
    --accent: oklch(0.34 0.06 267.59);
    --accent-foreground: oklch(0.88 0.06 254.13);
    --destructive: oklch(0.64 0.21 25.33);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.38 0.03 269.73);
    --input: oklch(0.38 0.03 269.73);
    --ring: oklch(0.64 0.17 36.44);
    --chart-1: oklch(0.72 0.06 248.68);
    --chart-2: oklch(0.77 0.09 34.19);
    --chart-3: oklch(0.58 0.08 254.16);
    --chart-4: oklch(0.50 0.08 259.49);
    --chart-5: oklch(0.42 0.10 264.03);
    --sidebar: oklch(0.31 0.03 267.74);
    --sidebar-foreground: oklch(0.92 0 0);
    --sidebar-primary: oklch(0.64 0.17 36.44);
    --sidebar-primary-foreground: oklch(1.00 0 0);
    --sidebar-accent: oklch(0.34 0.06 267.59);
    --sidebar-accent-foreground: oklch(0.88 0.06 254.13);
    --sidebar-border: oklch(0.38 0.03 269.73);
    --sidebar-ring: oklch(0.64 0.17 36.44);
    --font-sans: Inter, sans-serif;
    --font-serif: Source Serif 4, serif;
    --font-mono: JetBrains Mono, monospace;
    --radius: 0.75rem;
    --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
    --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10);
    --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 2px 4px -1px hsl(0 0% 0% / 0.10);
    --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 4px 6px -1px hsl(0 0% 0% / 0.10);
    --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.10), 0px 8px 10px -1px hsl(0 0% 0% / 0.10);
    --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.25);
  }
}
.theme-vercel {
  --background: oklch(0.99 0 0);
  --foreground: oklch(0 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0 0 0);
  --popover: oklch(0.99 0 0);
  --popover-foreground: oklch(0 0 0);
  --primary: oklch(0 0 0);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.94 0 0);
  --secondary-foreground: oklch(0 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.44 0 0);
  --accent: oklch(0.94 0 0);
  --accent-foreground: oklch(0 0 0);
  --destructive: oklch(0.63 0.19 23.03);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.92 0 0);
  --input: oklch(0.94 0 0);
  --ring: oklch(0 0 0);
  --chart-1: oklch(0.81 0.17 75.35);
  --chart-2: oklch(0.55 0.22 264.53);
  --chart-3: oklch(0.72 0 0);
  --chart-4: oklch(0.92 0 0);
  --chart-5: oklch(0.56 0 0);
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0 0 0);
  --sidebar-primary: oklch(0 0 0);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.94 0 0);
  --sidebar-accent-foreground: oklch(0 0 0);
  --sidebar-border: oklch(0.94 0 0);
  --sidebar-ring: oklch(0 0 0);
  --font-sans: Geist, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Geist Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
  --shadow-sm: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
  --shadow-md: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 2px 4px -1px hsl(0 0% 0% / 0.18);
  --shadow-lg: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 4px 6px -1px hsl(0 0% 0% / 0.18);
  --shadow-xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 8px 10px -1px hsl(0 0% 0% / 0.18);
  --shadow-2xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.45);
  &:is(.dark *) {
    --background: oklch(0 0 0);
    --foreground: oklch(1 0 0);
    --card: oklch(0.14 0 0);
    --card-foreground: oklch(1 0 0);
    --popover: oklch(0.18 0 0);
    --popover-foreground: oklch(1 0 0);
    --primary: oklch(1 0 0);
    --primary-foreground: oklch(0 0 0);
    --secondary: oklch(0.25 0 0);
    --secondary-foreground: oklch(1 0 0);
    --muted: oklch(0.23 0 0);
    --muted-foreground: oklch(0.72 0 0);
    --accent: oklch(0.32 0 0);
    --accent-foreground: oklch(1 0 0);
    --destructive: oklch(0.69 0.20 23.91);
    --destructive-foreground: oklch(0 0 0);
    --border: oklch(0.26 0 0);
    --input: oklch(0.32 0 0);
    --ring: oklch(0.72 0 0);
    --chart-1: oklch(0.81 0.17 75.35);
    --chart-2: oklch(0.58 0.21 260.84);
    --chart-3: oklch(0.56 0 0);
    --chart-4: oklch(0.44 0 0);
    --chart-5: oklch(0.92 0 0);
    --sidebar: oklch(0.18 0 0);
    --sidebar-foreground: oklch(1 0 0);
    --sidebar-primary: oklch(1 0 0);
    --sidebar-primary-foreground: oklch(0 0 0);
    --sidebar-accent: oklch(0.32 0 0);
    --sidebar-accent-foreground: oklch(1 0 0);
    --sidebar-border: oklch(0.32 0 0);
    --sidebar-ring: oklch(0.72 0 0);
    --font-sans: Geist, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: Geist Mono, monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
    --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09);
    --shadow-sm: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
    --shadow: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 1px 2px -1px hsl(0 0% 0% / 0.18);
    --shadow-md: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 2px 4px -1px hsl(0 0% 0% / 0.18);
    --shadow-lg: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 4px 6px -1px hsl(0 0% 0% / 0.18);
    --shadow-xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.18), 0px 8px 10px -1px hsl(0 0% 0% / 0.18);
    --shadow-2xl: 0px 1px 2px 0px hsl(0 0% 0% / 0.45);
  }
}
.theme-vintage-paper {
  --background: oklch(0.96 0.02 90.24);
  --foreground: oklch(0.38 0.02 64.34);
  --card: oklch(0.99 0.01 87.47);
  --card-foreground: oklch(0.38 0.02 64.34);
  --popover: oklch(0.99 0.01 87.47);
  --popover-foreground: oklch(0.38 0.02 64.34);
  --primary: oklch(0.62 0.08 65.54);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.88 0.03 85.57);
  --secondary-foreground: oklch(0.43 0.03 64.93);
  --muted: oklch(0.92 0.02 83.06);
  --muted-foreground: oklch(0.54 0.04 71.17);
  --accent: oklch(0.83 0.04 88.81);
  --accent-foreground: oklch(0.38 0.02 64.34);
  --destructive: oklch(0.55 0.14 32.91);
  --destructive-foreground: oklch(1.00 0 0);
  --border: oklch(0.86 0.03 84.59);
  --input: oklch(0.86 0.03 84.59);
  --ring: oklch(0.62 0.08 65.54);
  --chart-1: oklch(0.62 0.08 65.54);
  --chart-2: oklch(0.56 0.06 68.58);
  --chart-3: oklch(0.49 0.06 72.68);
  --chart-4: oklch(0.68 0.06 64.78);
  --chart-5: oklch(0.73 0.06 66.70);
  --sidebar: oklch(0.92 0.02 83.06);
  --sidebar-foreground: oklch(0.38 0.02 64.34);
  --sidebar-primary: oklch(0.62 0.08 65.54);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.83 0.04 88.81);
  --sidebar-accent-foreground: oklch(0.38 0.02 64.34);
  --sidebar-border: oklch(0.86 0.03 84.59);
  --sidebar-ring: oklch(0.62 0.08 65.54);
  --font-sans: Libre Baskerville, serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 0.25rem;
  --shadow-2xs: 2px 3px 5px 0px hsl(28 13% 20% / 0.06);
  --shadow-xs: 2px 3px 5px 0px hsl(28 13% 20% / 0.06);
  --shadow-sm: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 1px 2px -1px hsl(28 13% 20% / 0.12);
  --shadow: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 1px 2px -1px hsl(28 13% 20% / 0.12);
  --shadow-md: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 2px 4px -1px hsl(28 13% 20% / 0.12);
  --shadow-lg: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 4px 6px -1px hsl(28 13% 20% / 0.12);
  --shadow-xl: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 8px 10px -1px hsl(28 13% 20% / 0.12);
  --shadow-2xl: 2px 3px 5px 0px hsl(28 13% 20% / 0.30);
  &:is(.dark *) {
    --background: oklch(0.27 0.01 57.65);
    --foreground: oklch(0.92 0.02 83.06);
    --card: oklch(0.32 0.02 59.06);
    --card-foreground: oklch(0.92 0.02 83.06);
    --popover: oklch(0.32 0.02 59.06);
    --popover-foreground: oklch(0.92 0.02 83.06);
    --primary: oklch(0.73 0.06 66.70);
    --primary-foreground: oklch(0.27 0.01 57.65);
    --secondary: oklch(0.38 0.02 57.13);
    --secondary-foreground: oklch(0.92 0.02 83.06);
    --muted: oklch(0.32 0.02 59.06);
    --muted-foreground: oklch(0.80 0.02 82.11);
    --accent: oklch(0.42 0.03 56.34);
    --accent-foreground: oklch(0.92 0.02 83.06);
    --destructive: oklch(0.55 0.14 32.91);
    --destructive-foreground: oklch(1.00 0 0);
    --border: oklch(0.38 0.02 57.13);
    --input: oklch(0.38 0.02 57.13);
    --ring: oklch(0.73 0.06 66.70);
    --chart-1: oklch(0.73 0.06 66.70);
    --chart-2: oklch(0.68 0.06 64.78);
    --chart-3: oklch(0.62 0.08 65.54);
    --chart-4: oklch(0.56 0.06 68.58);
    --chart-5: oklch(0.49 0.06 72.68);
    --sidebar: oklch(0.27 0.01 57.65);
    --sidebar-foreground: oklch(0.92 0.02 83.06);
    --sidebar-primary: oklch(0.73 0.06 66.70);
    --sidebar-primary-foreground: oklch(0.27 0.01 57.65);
    --sidebar-accent: oklch(0.42 0.03 56.34);
    --sidebar-accent-foreground: oklch(0.92 0.02 83.06);
    --sidebar-border: oklch(0.38 0.02 57.13);
    --sidebar-ring: oklch(0.73 0.06 66.70);
    --font-sans: Libre Baskerville, serif;
    --font-serif: Lora, serif;
    --font-mono: IBM Plex Mono, monospace;
    --radius: 0.25rem;
    --shadow-2xs: 2px 3px 5px 0px hsl(28 13% 20% / 0.06);
    --shadow-xs: 2px 3px 5px 0px hsl(28 13% 20% / 0.06);
    --shadow-sm: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 1px 2px -1px hsl(28 13% 20% / 0.12);
    --shadow: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 1px 2px -1px hsl(28 13% 20% / 0.12);
    --shadow-md: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 2px 4px -1px hsl(28 13% 20% / 0.12);
    --shadow-lg: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 4px 6px -1px hsl(28 13% 20% / 0.12);
    --shadow-xl: 2px 3px 5px 0px hsl(28 13% 20% / 0.12), 2px 8px 10px -1px hsl(28 13% 20% / 0.12);
    --shadow-2xl: 2px 3px 5px 0px hsl(28 13% 20% / 0.30);
  }
}
.theme-notebook {
  --background: oklch(0.9821 0 0);
  --foreground: oklch(0.3485 0 0);
  --card: oklch(1.0000 0 0);
  --card-foreground: oklch(0.3485 0 0);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.3485 0 0);
  --primary: oklch(0.4891 0 0);
  --primary-foreground: oklch(0.9551 0 0);
  --secondary: oklch(0.9006 0 0);
  --secondary-foreground: oklch(0.3485 0 0);
  --muted: oklch(0.9158 0 0);
  --muted-foreground: oklch(0.4313 0 0);
  --accent: oklch(0.9354 0.0456 94.8549);
  --accent-foreground: oklch(0.4015 0.0436 37.9587);
  --destructive: oklch(0.6627 0.0978 20.0041);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.5538 0.0025 17.2320);
  --input: oklch(1.0000 0 0);
  --ring: oklch(0.7058 0 0);
  --chart-1: oklch(0.3211 0 0);
  --chart-2: oklch(0.4495 0 0);
  --chart-3: oklch(0.5693 0 0);
  --chart-4: oklch(0.6830 0 0);
  --chart-5: oklch(0.7921 0 0);
  --sidebar: oklch(0.9551 0 0);
  --sidebar-foreground: oklch(0.3485 0 0);
  --sidebar-primary: oklch(0.4891 0 0);
  --sidebar-primary-foreground: oklch(0.9551 0 0);
  --sidebar-accent: oklch(0.9354 0.0456 94.8549);
  --sidebar-accent-foreground: oklch(0.4015 0.0436 37.9587);
  --sidebar-border: oklch(0.8078 0 0);
  --sidebar-ring: oklch(0.7058 0 0);
  --font-sans: Architects Daughter, sans-serif;
  --font-serif: "Times New Roman", Times, serif;
  --font-mono: "Courier New", Courier, monospace;
  --radius: 0.625rem;
  --shadow-2xs: 1px 4px 5px 0px hsl(0 0% 0% / 0.01);
  --shadow-xs: 1px 4px 5px 0px hsl(0 0% 0% / 0.01);
  --shadow-sm: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 1px 2px -1px hsl(0 0% 0% / 0.03);
  --shadow: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 1px 2px -1px hsl(0 0% 0% / 0.03);
  --shadow-md: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 2px 4px -1px hsl(0 0% 0% / 0.03);
  --shadow-lg: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 4px 6px -1px hsl(0 0% 0% / 0.03);
  --shadow-xl: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 8px 10px -1px hsl(0 0% 0% / 0.03);
  --shadow-2xl: 1px 4px 5px 0px hsl(0 0% 0% / 0.07);
  --tracking-normal: 0.5px;
  &:is(.dark *) {
    --background: oklch(0.2891 0 0);
    --foreground: oklch(0.8945 0 0);
    --card: oklch(0.3211 0 0);
    --card-foreground: oklch(0.8945 0 0);
    --popover: oklch(0.3211 0 0);
    --popover-foreground: oklch(0.8945 0 0);
    --primary: oklch(0.7572 0 0);
    --primary-foreground: oklch(0.2891 0 0);
    --secondary: oklch(0.4676 0 0);
    --secondary-foreground: oklch(0.8078 0 0);
    --muted: oklch(0.3904 0 0);
    --muted-foreground: oklch(0.7058 0 0);
    --accent: oklch(0.9067 0 0);
    --accent-foreground: oklch(0.3211 0 0);
    --destructive: oklch(0.7915 0.0491 18.2410);
    --destructive-foreground: oklch(0.2891 0 0);
    --border: oklch(0.4276 0 0);
    --input: oklch(0.3211 0 0);
    --ring: oklch(0.8078 0 0);
    --chart-1: oklch(0.9521 0 0);
    --chart-2: oklch(0.8576 0 0);
    --chart-3: oklch(0.7572 0 0);
    --chart-4: oklch(0.6534 0 0);
    --chart-5: oklch(0.5452 0 0);
    --sidebar: oklch(0.2478 0 0);
    --sidebar-foreground: oklch(0.8945 0 0);
    --sidebar-primary: oklch(0.7572 0 0);
    --sidebar-primary-foreground: oklch(0.2478 0 0);
    --sidebar-accent: oklch(0.9067 0 0);
    --sidebar-accent-foreground: oklch(0.3211 0 0);
    --sidebar-border: oklch(0.4276 0 0);
    --sidebar-ring: oklch(0.8078 0 0);
    --font-sans: Architects Daughter, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: "Fira Code", "Courier New", monospace;
    --radius: 0.625rem;
    --shadow-2xs: 1px 4px 5px 0px hsl(0 0% 0% / 0.01);
    --shadow-xs: 1px 4px 5px 0px hsl(0 0% 0% / 0.01);
    --shadow-sm: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 1px 2px -1px hsl(0 0% 0% / 0.03);
    --shadow: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 1px 2px -1px hsl(0 0% 0% / 0.03);
    --shadow-md: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 2px 4px -1px hsl(0 0% 0% / 0.03);
    --shadow-lg: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 4px 6px -1px hsl(0 0% 0% / 0.03);
    --shadow-xl: 1px 4px 5px 0px hsl(0 0% 0% / 0.03), 1px 8px 10px -1px hsl(0 0% 0% / 0.03);
    --shadow-2xl: 1px 4px 5px 0px hsl(0 0% 0% / 0.07);
  }
}
body {
  letter-spacing: var(--tracking-normal);
}
.theme-scaled {
  @media (min-width: 1024px) {
    --radius: 0.6rem;
    --text-lg: 1.05rem;
    --text-base: 0.85rem;
    --text-sm: 0.8rem;
    --spacing: 0.222222rem;
  }
  [data-slot="card"] {
    --spacing: 0.16rem;
  }
  [data-slot="card-header"] *, [data-slot="card-content"] *, [data-slot="card-footer"] * {
    --spacing: 0.222222rem;
  }
}