@lonik/prestige 0.0.0

package/src/themes/default-taupe.css

@@ -0,0 +1,44 @@
+@import "tailwindcss";
+
+@layer theme {
+  :root {
+    --color-default-50: var(--color-taupe-50);
+    --color-default-100: var(--color-taupe-100);
+    --color-default-200: var(--color-taupe-200);
+    --color-default-300: var(--color-taupe-300);
+    --color-default-400: var(--color-taupe-400);
+    --color-default-500: var(--color-taupe-500);
+    --color-default-600: var(--color-taupe-600);
+    --color-default-700: var(--color-taupe-700);
+    --color-default-800: var(--color-taupe-800);
+    --color-default-900: var(--color-taupe-900);
+    --color-default-950: var(--color-taupe-950);
+    @variant dark {
+      --color-default-50: var(--color-taupe-950);
+      --color-default-100: var(--color-taupe-900);
+      --color-default-200: var(--color-taupe-800);
+      --color-default-300: var(--color-taupe-700);
+      --color-default-400: var(--color-taupe-600);
+      --color-default-500: var(--color-taupe-500);
+      --color-default-600: var(--color-taupe-400);
+      --color-default-700: var(--color-taupe-300);
+      --color-default-800: var(--color-taupe-200);
+      --color-default-900: var(--color-taupe-100);
+      --color-default-950: var(--color-taupe-50);
+    }
+  }
+}
+
+@theme {
+  --color-default-50: var(--color-default-50);
+  --color-default-100: var(--color-default-100);
+  --color-default-200: var(--color-default-200);
+  --color-default-300: var(--color-default-300);
+  --color-default-400: var(--color-default-400);
+  --color-default-500: var(--color-default-500);
+  --color-default-600: var(--color-default-600);
+  --color-default-700: var(--color-default-700);
+  --color-default-800: var(--color-default-800);
+  --color-default-900: var(--color-default-900);
+  --color-default-950: var(--color-default-950);
+}

package/src/themes/default-zinc.css

@@ -0,0 +1,44 @@
+@import "tailwindcss";
+
+@layer theme {
+  :root {
+    --color-default-50: var(--color-zinc-50);
+    --color-default-100: var(--color-zinc-100);
+    --color-default-200: var(--color-zinc-200);
+    --color-default-300: var(--color-zinc-300);
+    --color-default-400: var(--color-zinc-400);
+    --color-default-500: var(--color-zinc-500);
+    --color-default-600: var(--color-zinc-600);
+    --color-default-700: var(--color-zinc-700);
+    --color-default-800: var(--color-zinc-800);
+    --color-default-900: var(--color-zinc-900);
+    --color-default-950: var(--color-zinc-950);
+    @variant dark {
+      --color-default-50: var(--color-zinc-950);
+      --color-default-100: var(--color-zinc-900);
+      --color-default-200: var(--color-zinc-800);
+      --color-default-300: var(--color-zinc-700);
+      --color-default-400: var(--color-zinc-600);
+      --color-default-500: var(--color-zinc-500);
+      --color-default-600: var(--color-zinc-400);
+      --color-default-700: var(--color-zinc-300);
+      --color-default-800: var(--color-zinc-200);
+      --color-default-900: var(--color-zinc-100);
+      --color-default-950: var(--color-zinc-50);
+    }
+  }
+}
+
+@theme {
+  --color-default-50: var(--color-default-50);
+  --color-default-100: var(--color-default-100);
+  --color-default-200: var(--color-default-200);
+  --color-default-300: var(--color-default-300);
+  --color-default-400: var(--color-default-400);
+  --color-default-500: var(--color-default-500);
+  --color-default-600: var(--color-default-600);
+  --color-default-700: var(--color-default-700);
+  --color-default-800: var(--color-default-800);
+  --color-default-900: var(--color-default-900);
+  --color-default-950: var(--color-default-950);
+}

package/src/themes/primary-amber.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-amber-50);
+    --color-primary-100: var(--color-amber-100);
+    --color-primary-200: var(--color-amber-200);
+    --color-primary-300: var(--color-amber-300);
+    --color-primary-400: var(--color-amber-400);
+    --color-primary-500: var(--color-amber-500);
+    --color-primary-600: var(--color-amber-600);
+    --color-primary-700: var(--color-amber-700);
+    --color-primary-800: var(--color-amber-800);
+    --color-primary-900: var(--color-amber-900);
+    --color-primary-950: var(--color-amber-950);
+    @variant dark {
+      --color-primary-50: var(--color-amber-950);
+      --color-primary-100: var(--color-amber-900);
+      --color-primary-200: var(--color-amber-800);
+      --color-primary-300: var(--color-amber-700);
+      --color-primary-400: var(--color-amber-600);
+      --color-primary-500: var(--color-amber-500);
+      --color-primary-600: var(--color-amber-400);
+      --color-primary-700: var(--color-amber-300);
+      --color-primary-800: var(--color-amber-200);
+      --color-primary-900: var(--color-amber-100);
+      --color-primary-950: var(--color-amber-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-blue.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-blue-50);
+    --color-primary-100: var(--color-blue-100);
+    --color-primary-200: var(--color-blue-200);
+    --color-primary-300: var(--color-blue-300);
+    --color-primary-400: var(--color-blue-400);
+    --color-primary-500: var(--color-blue-500);
+    --color-primary-600: var(--color-blue-600);
+    --color-primary-700: var(--color-blue-700);
+    --color-primary-800: var(--color-blue-800);
+    --color-primary-900: var(--color-blue-900);
+    --color-primary-950: var(--color-blue-950);
+    @variant dark {
+      --color-primary-50: var(--color-blue-950);
+      --color-primary-100: var(--color-blue-900);
+      --color-primary-200: var(--color-blue-800);
+      --color-primary-300: var(--color-blue-700);
+      --color-primary-400: var(--color-blue-600);
+      --color-primary-500: var(--color-blue-500);
+      --color-primary-600: var(--color-blue-400);
+      --color-primary-700: var(--color-blue-300);
+      --color-primary-800: var(--color-blue-200);
+      --color-primary-900: var(--color-blue-100);
+      --color-primary-950: var(--color-blue-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-cyan.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-cyan-50);
+    --color-primary-100: var(--color-cyan-100);
+    --color-primary-200: var(--color-cyan-200);
+    --color-primary-300: var(--color-cyan-300);
+    --color-primary-400: var(--color-cyan-400);
+    --color-primary-500: var(--color-cyan-500);
+    --color-primary-600: var(--color-cyan-600);
+    --color-primary-700: var(--color-cyan-700);
+    --color-primary-800: var(--color-cyan-800);
+    --color-primary-900: var(--color-cyan-900);
+    --color-primary-950: var(--color-cyan-950);
+    @variant dark {
+      --color-primary-50: var(--color-cyan-950);
+      --color-primary-100: var(--color-cyan-900);
+      --color-primary-200: var(--color-cyan-800);
+      --color-primary-300: var(--color-cyan-700);
+      --color-primary-400: var(--color-cyan-600);
+      --color-primary-500: var(--color-cyan-500);
+      --color-primary-600: var(--color-cyan-400);
+      --color-primary-700: var(--color-cyan-300);
+      --color-primary-800: var(--color-cyan-200);
+      --color-primary-900: var(--color-cyan-100);
+      --color-primary-950: var(--color-cyan-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-emerald.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-emerald-50);
+    --color-primary-100: var(--color-emerald-100);
+    --color-primary-200: var(--color-emerald-200);
+    --color-primary-300: var(--color-emerald-300);
+    --color-primary-400: var(--color-emerald-400);
+    --color-primary-500: var(--color-emerald-500);
+    --color-primary-600: var(--color-emerald-600);
+    --color-primary-700: var(--color-emerald-700);
+    --color-primary-800: var(--color-emerald-800);
+    --color-primary-900: var(--color-emerald-900);
+    --color-primary-950: var(--color-emerald-950);
+    @variant dark {
+      --color-primary-50: var(--color-emerald-950);
+      --color-primary-100: var(--color-emerald-900);
+      --color-primary-200: var(--color-emerald-800);
+      --color-primary-300: var(--color-emerald-700);
+      --color-primary-400: var(--color-emerald-600);
+      --color-primary-500: var(--color-emerald-500);
+      --color-primary-600: var(--color-emerald-400);
+      --color-primary-700: var(--color-emerald-300);
+      --color-primary-800: var(--color-emerald-200);
+      --color-primary-900: var(--color-emerald-100);
+      --color-primary-950: var(--color-emerald-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-fuchsia.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-fuchsia-50);
+    --color-primary-100: var(--color-fuchsia-100);
+    --color-primary-200: var(--color-fuchsia-200);
+    --color-primary-300: var(--color-fuchsia-300);
+    --color-primary-400: var(--color-fuchsia-400);
+    --color-primary-500: var(--color-fuchsia-500);
+    --color-primary-600: var(--color-fuchsia-600);
+    --color-primary-700: var(--color-fuchsia-700);
+    --color-primary-800: var(--color-fuchsia-800);
+    --color-primary-900: var(--color-fuchsia-900);
+    --color-primary-950: var(--color-fuchsia-950);
+    @variant dark {
+      --color-primary-50: var(--color-fuchsia-950);
+      --color-primary-100: var(--color-fuchsia-900);
+      --color-primary-200: var(--color-fuchsia-800);
+      --color-primary-300: var(--color-fuchsia-700);
+      --color-primary-400: var(--color-fuchsia-600);
+      --color-primary-500: var(--color-fuchsia-500);
+      --color-primary-600: var(--color-fuchsia-400);
+      --color-primary-700: var(--color-fuchsia-300);
+      --color-primary-800: var(--color-fuchsia-200);
+      --color-primary-900: var(--color-fuchsia-100);
+      --color-primary-950: var(--color-fuchsia-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-gray.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-gray-50);
+    --color-primary-100: var(--color-gray-100);
+    --color-primary-200: var(--color-gray-200);
+    --color-primary-300: var(--color-gray-300);
+    --color-primary-400: var(--color-gray-400);
+    --color-primary-500: var(--color-gray-500);
+    --color-primary-600: var(--color-gray-600);
+    --color-primary-700: var(--color-gray-700);
+    --color-primary-800: var(--color-gray-800);
+    --color-primary-900: var(--color-gray-900);
+    --color-primary-950: var(--color-gray-950);
+    @variant dark {
+      --color-primary-50: var(--color-gray-950);
+      --color-primary-100: var(--color-gray-900);
+      --color-primary-200: var(--color-gray-800);
+      --color-primary-300: var(--color-gray-700);
+      --color-primary-400: var(--color-gray-600);
+      --color-primary-500: var(--color-gray-500);
+      --color-primary-600: var(--color-gray-400);
+      --color-primary-700: var(--color-gray-300);
+      --color-primary-800: var(--color-gray-200);
+      --color-primary-900: var(--color-gray-100);
+      --color-primary-950: var(--color-gray-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-green.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-green-50);
+    --color-primary-100: var(--color-green-100);
+    --color-primary-200: var(--color-green-200);
+    --color-primary-300: var(--color-green-300);
+    --color-primary-400: var(--color-green-400);
+    --color-primary-500: var(--color-green-500);
+    --color-primary-600: var(--color-green-600);
+    --color-primary-700: var(--color-green-700);
+    --color-primary-800: var(--color-green-800);
+    --color-primary-900: var(--color-green-900);
+    --color-primary-950: var(--color-green-950);
+    @variant dark {
+      --color-primary-50: var(--color-green-950);
+      --color-primary-100: var(--color-green-900);
+      --color-primary-200: var(--color-green-800);
+      --color-primary-300: var(--color-green-700);
+      --color-primary-400: var(--color-green-600);
+      --color-primary-500: var(--color-green-500);
+      --color-primary-600: var(--color-green-400);
+      --color-primary-700: var(--color-green-300);
+      --color-primary-800: var(--color-green-200);
+      --color-primary-900: var(--color-green-100);
+      --color-primary-950: var(--color-green-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-indigo.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-indigo-50);
+    --color-primary-100: var(--color-indigo-100);
+    --color-primary-200: var(--color-indigo-200);
+    --color-primary-300: var(--color-indigo-300);
+    --color-primary-400: var(--color-indigo-400);
+    --color-primary-500: var(--color-indigo-500);
+    --color-primary-600: var(--color-indigo-600);
+    --color-primary-700: var(--color-indigo-700);
+    --color-primary-800: var(--color-indigo-800);
+    --color-primary-900: var(--color-indigo-900);
+    --color-primary-950: var(--color-indigo-950);
+    @variant dark {
+      --color-primary-50: var(--color-indigo-950);
+      --color-primary-100: var(--color-indigo-900);
+      --color-primary-200: var(--color-indigo-800);
+      --color-primary-300: var(--color-indigo-700);
+      --color-primary-400: var(--color-indigo-600);
+      --color-primary-500: var(--color-indigo-500);
+      --color-primary-600: var(--color-indigo-400);
+      --color-primary-700: var(--color-indigo-300);
+      --color-primary-800: var(--color-indigo-200);
+      --color-primary-900: var(--color-indigo-100);
+      --color-primary-950: var(--color-indigo-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-lime.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-lime-50);
+    --color-primary-100: var(--color-lime-100);
+    --color-primary-200: var(--color-lime-200);
+    --color-primary-300: var(--color-lime-300);
+    --color-primary-400: var(--color-lime-400);
+    --color-primary-500: var(--color-lime-500);
+    --color-primary-600: var(--color-lime-600);
+    --color-primary-700: var(--color-lime-700);
+    --color-primary-800: var(--color-lime-800);
+    --color-primary-900: var(--color-lime-900);
+    --color-primary-950: var(--color-lime-950);
+    @variant dark {
+      --color-primary-50: var(--color-lime-950);
+      --color-primary-100: var(--color-lime-900);
+      --color-primary-200: var(--color-lime-800);
+      --color-primary-300: var(--color-lime-700);
+      --color-primary-400: var(--color-lime-600);
+      --color-primary-500: var(--color-lime-500);
+      --color-primary-600: var(--color-lime-400);
+      --color-primary-700: var(--color-lime-300);
+      --color-primary-800: var(--color-lime-200);
+      --color-primary-900: var(--color-lime-100);
+      --color-primary-950: var(--color-lime-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-mauve.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-mauve-50);
+    --color-primary-100: var(--color-mauve-100);
+    --color-primary-200: var(--color-mauve-200);
+    --color-primary-300: var(--color-mauve-300);
+    --color-primary-400: var(--color-mauve-400);
+    --color-primary-500: var(--color-mauve-500);
+    --color-primary-600: var(--color-mauve-600);
+    --color-primary-700: var(--color-mauve-700);
+    --color-primary-800: var(--color-mauve-800);
+    --color-primary-900: var(--color-mauve-900);
+    --color-primary-950: var(--color-mauve-950);
+    @variant dark {
+      --color-primary-50: var(--color-mauve-950);
+      --color-primary-100: var(--color-mauve-900);
+      --color-primary-200: var(--color-mauve-800);
+      --color-primary-300: var(--color-mauve-700);
+      --color-primary-400: var(--color-mauve-600);
+      --color-primary-500: var(--color-mauve-500);
+      --color-primary-600: var(--color-mauve-400);
+      --color-primary-700: var(--color-mauve-300);
+      --color-primary-800: var(--color-mauve-200);
+      --color-primary-900: var(--color-mauve-100);
+      --color-primary-950: var(--color-mauve-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-mist.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-mist-50);
+    --color-primary-100: var(--color-mist-100);
+    --color-primary-200: var(--color-mist-200);
+    --color-primary-300: var(--color-mist-300);
+    --color-primary-400: var(--color-mist-400);
+    --color-primary-500: var(--color-mist-500);
+    --color-primary-600: var(--color-mist-600);
+    --color-primary-700: var(--color-mist-700);
+    --color-primary-800: var(--color-mist-800);
+    --color-primary-900: var(--color-mist-900);
+    --color-primary-950: var(--color-mist-950);
+    @variant dark {
+      --color-primary-50: var(--color-mist-950);
+      --color-primary-100: var(--color-mist-900);
+      --color-primary-200: var(--color-mist-800);
+      --color-primary-300: var(--color-mist-700);
+      --color-primary-400: var(--color-mist-600);
+      --color-primary-500: var(--color-mist-500);
+      --color-primary-600: var(--color-mist-400);
+      --color-primary-700: var(--color-mist-300);
+      --color-primary-800: var(--color-mist-200);
+      --color-primary-900: var(--color-mist-100);
+      --color-primary-950: var(--color-mist-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-neutral.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-neutral-50);
+    --color-primary-100: var(--color-neutral-100);
+    --color-primary-200: var(--color-neutral-200);
+    --color-primary-300: var(--color-neutral-300);
+    --color-primary-400: var(--color-neutral-400);
+    --color-primary-500: var(--color-neutral-500);
+    --color-primary-600: var(--color-neutral-600);
+    --color-primary-700: var(--color-neutral-700);
+    --color-primary-800: var(--color-neutral-800);
+    --color-primary-900: var(--color-neutral-900);
+    --color-primary-950: var(--color-neutral-950);
+    @variant dark {
+      --color-primary-50: var(--color-neutral-950);
+      --color-primary-100: var(--color-neutral-900);
+      --color-primary-200: var(--color-neutral-800);
+      --color-primary-300: var(--color-neutral-700);
+      --color-primary-400: var(--color-neutral-600);
+      --color-primary-500: var(--color-neutral-500);
+      --color-primary-600: var(--color-neutral-400);
+      --color-primary-700: var(--color-neutral-300);
+      --color-primary-800: var(--color-neutral-200);
+      --color-primary-900: var(--color-neutral-100);
+      --color-primary-950: var(--color-neutral-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}

package/src/themes/primary-olive.css

@@ -0,0 +1,42 @@
+@layer theme {
+  :root {
+    --color-primary-50: var(--color-olive-50);
+    --color-primary-100: var(--color-olive-100);
+    --color-primary-200: var(--color-olive-200);
+    --color-primary-300: var(--color-olive-300);
+    --color-primary-400: var(--color-olive-400);
+    --color-primary-500: var(--color-olive-500);
+    --color-primary-600: var(--color-olive-600);
+    --color-primary-700: var(--color-olive-700);
+    --color-primary-800: var(--color-olive-800);
+    --color-primary-900: var(--color-olive-900);
+    --color-primary-950: var(--color-olive-950);
+    @variant dark {
+      --color-primary-50: var(--color-olive-950);
+      --color-primary-100: var(--color-olive-900);
+      --color-primary-200: var(--color-olive-800);
+      --color-primary-300: var(--color-olive-700);
+      --color-primary-400: var(--color-olive-600);
+      --color-primary-500: var(--color-olive-500);
+      --color-primary-600: var(--color-olive-400);
+      --color-primary-700: var(--color-olive-300);
+      --color-primary-800: var(--color-olive-200);
+      --color-primary-900: var(--color-olive-100);
+      --color-primary-950: var(--color-olive-50);
+    }
+  }
+}
+
+@theme {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+}