@vanduo-oss/framework 1.5.1 → 1.7.0

package/css/core/colors-palette.css

@@ -0,0 +1,786 @@
+/**
+ * Vanduo Framework - Active Palette Layer (generated)
+ *
+ * Binds the active --vd-<family>-<step> scales to a palette and provides the
+ * [data-palette] runtime switch. Open Color is the default;
+ * [data-palette="fibonacci"] opts into the Fibonacci (golden-angle) palette.
+ *
+ * Generated by @vanduo-oss/core scripts/generate-fib-palette.mjs. Do not edit
+ * by hand; run `pnpm gen:fib` in ../core. Import AFTER colors.css.
+ */
+
+:root {
+  /* Active scales default to the Open Color palette */
+  --vd-gray-0: var(--vd-oc-gray-0);
+  --vd-gray-1: var(--vd-oc-gray-1);
+  --vd-gray-2: var(--vd-oc-gray-2);
+  --vd-gray-3: var(--vd-oc-gray-3);
+  --vd-gray-4: var(--vd-oc-gray-4);
+  --vd-gray-5: var(--vd-oc-gray-5);
+  --vd-gray-6: var(--vd-oc-gray-6);
+  --vd-gray-7: var(--vd-oc-gray-7);
+  --vd-gray-8: var(--vd-oc-gray-8);
+  --vd-gray-9: var(--vd-oc-gray-9);
+  --vd-slate-0: var(--vd-oc-slate-0);
+  --vd-slate-1: var(--vd-oc-slate-1);
+  --vd-slate-2: var(--vd-oc-slate-2);
+  --vd-slate-3: var(--vd-oc-slate-3);
+  --vd-slate-4: var(--vd-oc-slate-4);
+  --vd-slate-5: var(--vd-oc-slate-5);
+  --vd-slate-6: var(--vd-oc-slate-6);
+  --vd-slate-7: var(--vd-oc-slate-7);
+  --vd-slate-8: var(--vd-oc-slate-8);
+  --vd-slate-9: var(--vd-oc-slate-9);
+  --vd-charcoal-0: var(--vd-oc-charcoal-0);
+  --vd-charcoal-1: var(--vd-oc-charcoal-1);
+  --vd-charcoal-2: var(--vd-oc-charcoal-2);
+  --vd-charcoal-3: var(--vd-oc-charcoal-3);
+  --vd-charcoal-4: var(--vd-oc-charcoal-4);
+  --vd-charcoal-5: var(--vd-oc-charcoal-5);
+  --vd-charcoal-6: var(--vd-oc-charcoal-6);
+  --vd-charcoal-7: var(--vd-oc-charcoal-7);
+  --vd-charcoal-8: var(--vd-oc-charcoal-8);
+  --vd-charcoal-9: var(--vd-oc-charcoal-9);
+  --vd-zinc-0: var(--vd-oc-zinc-0);
+  --vd-zinc-1: var(--vd-oc-zinc-1);
+  --vd-zinc-2: var(--vd-oc-zinc-2);
+  --vd-zinc-3: var(--vd-oc-zinc-3);
+  --vd-zinc-4: var(--vd-oc-zinc-4);
+  --vd-zinc-5: var(--vd-oc-zinc-5);
+  --vd-zinc-6: var(--vd-oc-zinc-6);
+  --vd-zinc-7: var(--vd-oc-zinc-7);
+  --vd-zinc-8: var(--vd-oc-zinc-8);
+  --vd-zinc-9: var(--vd-oc-zinc-9);
+  --vd-neutral-0: var(--vd-oc-neutral-0);
+  --vd-neutral-1: var(--vd-oc-neutral-1);
+  --vd-neutral-2: var(--vd-oc-neutral-2);
+  --vd-neutral-3: var(--vd-oc-neutral-3);
+  --vd-neutral-4: var(--vd-oc-neutral-4);
+  --vd-neutral-5: var(--vd-oc-neutral-5);
+  --vd-neutral-6: var(--vd-oc-neutral-6);
+  --vd-neutral-7: var(--vd-oc-neutral-7);
+  --vd-neutral-8: var(--vd-oc-neutral-8);
+  --vd-neutral-9: var(--vd-oc-neutral-9);
+  --vd-stone-0: var(--vd-oc-stone-0);
+  --vd-stone-1: var(--vd-oc-stone-1);
+  --vd-stone-2: var(--vd-oc-stone-2);
+  --vd-stone-3: var(--vd-oc-stone-3);
+  --vd-stone-4: var(--vd-oc-stone-4);
+  --vd-stone-5: var(--vd-oc-stone-5);
+  --vd-stone-6: var(--vd-oc-stone-6);
+  --vd-stone-7: var(--vd-oc-stone-7);
+  --vd-stone-8: var(--vd-oc-stone-8);
+  --vd-stone-9: var(--vd-oc-stone-9);
+  --vd-primary-0: var(--vd-oc-primary-0);
+  --vd-primary-1: var(--vd-oc-primary-1);
+  --vd-primary-2: var(--vd-oc-primary-2);
+  --vd-primary-3: var(--vd-oc-primary-3);
+  --vd-primary-4: var(--vd-oc-primary-4);
+  --vd-primary-5: var(--vd-oc-primary-5);
+  --vd-primary-6: var(--vd-oc-primary-6);
+  --vd-primary-7: var(--vd-oc-primary-7);
+  --vd-primary-8: var(--vd-oc-primary-8);
+  --vd-primary-9: var(--vd-oc-primary-9);
+  --vd-secondary-0: var(--vd-oc-secondary-0);
+  --vd-secondary-1: var(--vd-oc-secondary-1);
+  --vd-secondary-2: var(--vd-oc-secondary-2);
+  --vd-secondary-3: var(--vd-oc-secondary-3);
+  --vd-secondary-4: var(--vd-oc-secondary-4);
+  --vd-secondary-5: var(--vd-oc-secondary-5);
+  --vd-secondary-6: var(--vd-oc-secondary-6);
+  --vd-secondary-7: var(--vd-oc-secondary-7);
+  --vd-secondary-8: var(--vd-oc-secondary-8);
+  --vd-secondary-9: var(--vd-oc-secondary-9);
+  --vd-danger-0: var(--vd-oc-danger-0);
+  --vd-danger-1: var(--vd-oc-danger-1);
+  --vd-danger-2: var(--vd-oc-danger-2);
+  --vd-danger-3: var(--vd-oc-danger-3);
+  --vd-danger-4: var(--vd-oc-danger-4);
+  --vd-danger-5: var(--vd-oc-danger-5);
+  --vd-danger-6: var(--vd-oc-danger-6);
+  --vd-danger-7: var(--vd-oc-danger-7);
+  --vd-danger-8: var(--vd-oc-danger-8);
+  --vd-danger-9: var(--vd-oc-danger-9);
+  --vd-error-0: var(--vd-oc-error-0);
+  --vd-error-1: var(--vd-oc-error-1);
+  --vd-error-2: var(--vd-oc-error-2);
+  --vd-error-3: var(--vd-oc-error-3);
+  --vd-error-4: var(--vd-oc-error-4);
+  --vd-error-5: var(--vd-oc-error-5);
+  --vd-error-6: var(--vd-oc-error-6);
+  --vd-error-7: var(--vd-oc-error-7);
+  --vd-error-8: var(--vd-oc-error-8);
+  --vd-error-9: var(--vd-oc-error-9);
+  --vd-success-0: var(--vd-oc-success-0);
+  --vd-success-1: var(--vd-oc-success-1);
+  --vd-success-2: var(--vd-oc-success-2);
+  --vd-success-3: var(--vd-oc-success-3);
+  --vd-success-4: var(--vd-oc-success-4);
+  --vd-success-5: var(--vd-oc-success-5);
+  --vd-success-6: var(--vd-oc-success-6);
+  --vd-success-7: var(--vd-oc-success-7);
+  --vd-success-8: var(--vd-oc-success-8);
+  --vd-success-9: var(--vd-oc-success-9);
+  --vd-warning-0: var(--vd-oc-warning-0);
+  --vd-warning-1: var(--vd-oc-warning-1);
+  --vd-warning-2: var(--vd-oc-warning-2);
+  --vd-warning-3: var(--vd-oc-warning-3);
+  --vd-warning-4: var(--vd-oc-warning-4);
+  --vd-warning-5: var(--vd-oc-warning-5);
+  --vd-warning-6: var(--vd-oc-warning-6);
+  --vd-warning-7: var(--vd-oc-warning-7);
+  --vd-warning-8: var(--vd-oc-warning-8);
+  --vd-warning-9: var(--vd-oc-warning-9);
+  --vd-info-0: var(--vd-oc-info-0);
+  --vd-info-1: var(--vd-oc-info-1);
+  --vd-info-2: var(--vd-oc-info-2);
+  --vd-info-3: var(--vd-oc-info-3);
+  --vd-info-4: var(--vd-oc-info-4);
+  --vd-info-5: var(--vd-oc-info-5);
+  --vd-info-6: var(--vd-oc-info-6);
+  --vd-info-7: var(--vd-oc-info-7);
+  --vd-info-8: var(--vd-oc-info-8);
+  --vd-info-9: var(--vd-oc-info-9);
+  --vd-red-0: var(--vd-oc-red-0);
+  --vd-red-1: var(--vd-oc-red-1);
+  --vd-red-2: var(--vd-oc-red-2);
+  --vd-red-3: var(--vd-oc-red-3);
+  --vd-red-4: var(--vd-oc-red-4);
+  --vd-red-5: var(--vd-oc-red-5);
+  --vd-red-6: var(--vd-oc-red-6);
+  --vd-red-7: var(--vd-oc-red-7);
+  --vd-red-8: var(--vd-oc-red-8);
+  --vd-red-9: var(--vd-oc-red-9);
+  --vd-orange-0: var(--vd-oc-orange-0);
+  --vd-orange-1: var(--vd-oc-orange-1);
+  --vd-orange-2: var(--vd-oc-orange-2);
+  --vd-orange-3: var(--vd-oc-orange-3);
+  --vd-orange-4: var(--vd-oc-orange-4);
+  --vd-orange-5: var(--vd-oc-orange-5);
+  --vd-orange-6: var(--vd-oc-orange-6);
+  --vd-orange-7: var(--vd-oc-orange-7);
+  --vd-orange-8: var(--vd-oc-orange-8);
+  --vd-orange-9: var(--vd-oc-orange-9);
+  --vd-yellow-0: var(--vd-oc-yellow-0);
+  --vd-yellow-1: var(--vd-oc-yellow-1);
+  --vd-yellow-2: var(--vd-oc-yellow-2);
+  --vd-yellow-3: var(--vd-oc-yellow-3);
+  --vd-yellow-4: var(--vd-oc-yellow-4);
+  --vd-yellow-5: var(--vd-oc-yellow-5);
+  --vd-yellow-6: var(--vd-oc-yellow-6);
+  --vd-yellow-7: var(--vd-oc-yellow-7);
+  --vd-yellow-8: var(--vd-oc-yellow-8);
+  --vd-yellow-9: var(--vd-oc-yellow-9);
+  --vd-lime-0: var(--vd-oc-lime-0);
+  --vd-lime-1: var(--vd-oc-lime-1);
+  --vd-lime-2: var(--vd-oc-lime-2);
+  --vd-lime-3: var(--vd-oc-lime-3);
+  --vd-lime-4: var(--vd-oc-lime-4);
+  --vd-lime-5: var(--vd-oc-lime-5);
+  --vd-lime-6: var(--vd-oc-lime-6);
+  --vd-lime-7: var(--vd-oc-lime-7);
+  --vd-lime-8: var(--vd-oc-lime-8);
+  --vd-lime-9: var(--vd-oc-lime-9);
+  --vd-green-0: var(--vd-oc-green-0);
+  --vd-green-1: var(--vd-oc-green-1);
+  --vd-green-2: var(--vd-oc-green-2);
+  --vd-green-3: var(--vd-oc-green-3);
+  --vd-green-4: var(--vd-oc-green-4);
+  --vd-green-5: var(--vd-oc-green-5);
+  --vd-green-6: var(--vd-oc-green-6);
+  --vd-green-7: var(--vd-oc-green-7);
+  --vd-green-8: var(--vd-oc-green-8);
+  --vd-green-9: var(--vd-oc-green-9);
+  --vd-teal-0: var(--vd-oc-teal-0);
+  --vd-teal-1: var(--vd-oc-teal-1);
+  --vd-teal-2: var(--vd-oc-teal-2);
+  --vd-teal-3: var(--vd-oc-teal-3);
+  --vd-teal-4: var(--vd-oc-teal-4);
+  --vd-teal-5: var(--vd-oc-teal-5);
+  --vd-teal-6: var(--vd-oc-teal-6);
+  --vd-teal-7: var(--vd-oc-teal-7);
+  --vd-teal-8: var(--vd-oc-teal-8);
+  --vd-teal-9: var(--vd-oc-teal-9);
+  --vd-cyan-0: var(--vd-oc-cyan-0);
+  --vd-cyan-1: var(--vd-oc-cyan-1);
+  --vd-cyan-2: var(--vd-oc-cyan-2);
+  --vd-cyan-3: var(--vd-oc-cyan-3);
+  --vd-cyan-4: var(--vd-oc-cyan-4);
+  --vd-cyan-5: var(--vd-oc-cyan-5);
+  --vd-cyan-6: var(--vd-oc-cyan-6);
+  --vd-cyan-7: var(--vd-oc-cyan-7);
+  --vd-cyan-8: var(--vd-oc-cyan-8);
+  --vd-cyan-9: var(--vd-oc-cyan-9);
+  --vd-blue-0: var(--vd-oc-blue-0);
+  --vd-blue-1: var(--vd-oc-blue-1);
+  --vd-blue-2: var(--vd-oc-blue-2);
+  --vd-blue-3: var(--vd-oc-blue-3);
+  --vd-blue-4: var(--vd-oc-blue-4);
+  --vd-blue-5: var(--vd-oc-blue-5);
+  --vd-blue-6: var(--vd-oc-blue-6);
+  --vd-blue-7: var(--vd-oc-blue-7);
+  --vd-blue-8: var(--vd-oc-blue-8);
+  --vd-blue-9: var(--vd-oc-blue-9);
+  --vd-indigo-0: var(--vd-oc-indigo-0);
+  --vd-indigo-1: var(--vd-oc-indigo-1);
+  --vd-indigo-2: var(--vd-oc-indigo-2);
+  --vd-indigo-3: var(--vd-oc-indigo-3);
+  --vd-indigo-4: var(--vd-oc-indigo-4);
+  --vd-indigo-5: var(--vd-oc-indigo-5);
+  --vd-indigo-6: var(--vd-oc-indigo-6);
+  --vd-indigo-7: var(--vd-oc-indigo-7);
+  --vd-indigo-8: var(--vd-oc-indigo-8);
+  --vd-indigo-9: var(--vd-oc-indigo-9);
+  --vd-violet-0: var(--vd-oc-violet-0);
+  --vd-violet-1: var(--vd-oc-violet-1);
+  --vd-violet-2: var(--vd-oc-violet-2);
+  --vd-violet-3: var(--vd-oc-violet-3);
+  --vd-violet-4: var(--vd-oc-violet-4);
+  --vd-violet-5: var(--vd-oc-violet-5);
+  --vd-violet-6: var(--vd-oc-violet-6);
+  --vd-violet-7: var(--vd-oc-violet-7);
+  --vd-violet-8: var(--vd-oc-violet-8);
+  --vd-violet-9: var(--vd-oc-violet-9);
+  --vd-grape-0: var(--vd-oc-grape-0);
+  --vd-grape-1: var(--vd-oc-grape-1);
+  --vd-grape-2: var(--vd-oc-grape-2);
+  --vd-grape-3: var(--vd-oc-grape-3);
+  --vd-grape-4: var(--vd-oc-grape-4);
+  --vd-grape-5: var(--vd-oc-grape-5);
+  --vd-grape-6: var(--vd-oc-grape-6);
+  --vd-grape-7: var(--vd-oc-grape-7);
+  --vd-grape-8: var(--vd-oc-grape-8);
+  --vd-grape-9: var(--vd-oc-grape-9);
+  --vd-pink-0: var(--vd-oc-pink-0);
+  --vd-pink-1: var(--vd-oc-pink-1);
+  --vd-pink-2: var(--vd-oc-pink-2);
+  --vd-pink-3: var(--vd-oc-pink-3);
+  --vd-pink-4: var(--vd-oc-pink-4);
+  --vd-pink-5: var(--vd-oc-pink-5);
+  --vd-pink-6: var(--vd-oc-pink-6);
+  --vd-pink-7: var(--vd-oc-pink-7);
+  --vd-pink-8: var(--vd-oc-pink-8);
+  --vd-pink-9: var(--vd-oc-pink-9);
+  --vd-golden-1: var(--vd-fib-golden-1);
+  --vd-golden-2: var(--vd-fib-golden-2);
+  --vd-golden-3: var(--vd-fib-golden-3);
+  --vd-golden-4: var(--vd-fib-golden-4);
+  --vd-golden-5: var(--vd-fib-golden-5);
+  --vd-golden-6: var(--vd-fib-golden-6);
+  --vd-golden-7: var(--vd-fib-golden-7);
+  --vd-golden-8: var(--vd-fib-golden-8);
+}
+
+[data-palette="fibonacci"] {
+  --vd-gray-0: var(--vd-fib-gray-0);
+  --vd-gray-1: var(--vd-fib-gray-1);
+  --vd-gray-2: var(--vd-fib-gray-2);
+  --vd-gray-3: var(--vd-fib-gray-3);
+  --vd-gray-4: var(--vd-fib-gray-4);
+  --vd-gray-5: var(--vd-fib-gray-5);
+  --vd-gray-6: var(--vd-fib-gray-6);
+  --vd-gray-7: var(--vd-fib-gray-7);
+  --vd-gray-8: var(--vd-fib-gray-8);
+  --vd-gray-9: var(--vd-fib-gray-9);
+  --vd-slate-0: var(--vd-fib-slate-0);
+  --vd-slate-1: var(--vd-fib-slate-1);
+  --vd-slate-2: var(--vd-fib-slate-2);
+  --vd-slate-3: var(--vd-fib-slate-3);
+  --vd-slate-4: var(--vd-fib-slate-4);
+  --vd-slate-5: var(--vd-fib-slate-5);
+  --vd-slate-6: var(--vd-fib-slate-6);
+  --vd-slate-7: var(--vd-fib-slate-7);
+  --vd-slate-8: var(--vd-fib-slate-8);
+  --vd-slate-9: var(--vd-fib-slate-9);
+  --vd-charcoal-0: var(--vd-fib-charcoal-0);
+  --vd-charcoal-1: var(--vd-fib-charcoal-1);
+  --vd-charcoal-2: var(--vd-fib-charcoal-2);
+  --vd-charcoal-3: var(--vd-fib-charcoal-3);
+  --vd-charcoal-4: var(--vd-fib-charcoal-4);
+  --vd-charcoal-5: var(--vd-fib-charcoal-5);
+  --vd-charcoal-6: var(--vd-fib-charcoal-6);
+  --vd-charcoal-7: var(--vd-fib-charcoal-7);
+  --vd-charcoal-8: var(--vd-fib-charcoal-8);
+  --vd-charcoal-9: var(--vd-fib-charcoal-9);
+  --vd-zinc-0: var(--vd-fib-zinc-0);
+  --vd-zinc-1: var(--vd-fib-zinc-1);
+  --vd-zinc-2: var(--vd-fib-zinc-2);
+  --vd-zinc-3: var(--vd-fib-zinc-3);
+  --vd-zinc-4: var(--vd-fib-zinc-4);
+  --vd-zinc-5: var(--vd-fib-zinc-5);
+  --vd-zinc-6: var(--vd-fib-zinc-6);
+  --vd-zinc-7: var(--vd-fib-zinc-7);
+  --vd-zinc-8: var(--vd-fib-zinc-8);
+  --vd-zinc-9: var(--vd-fib-zinc-9);
+  --vd-neutral-0: var(--vd-fib-neutral-0);
+  --vd-neutral-1: var(--vd-fib-neutral-1);
+  --vd-neutral-2: var(--vd-fib-neutral-2);
+  --vd-neutral-3: var(--vd-fib-neutral-3);
+  --vd-neutral-4: var(--vd-fib-neutral-4);
+  --vd-neutral-5: var(--vd-fib-neutral-5);
+  --vd-neutral-6: var(--vd-fib-neutral-6);
+  --vd-neutral-7: var(--vd-fib-neutral-7);
+  --vd-neutral-8: var(--vd-fib-neutral-8);
+  --vd-neutral-9: var(--vd-fib-neutral-9);
+  --vd-stone-0: var(--vd-fib-stone-0);
+  --vd-stone-1: var(--vd-fib-stone-1);
+  --vd-stone-2: var(--vd-fib-stone-2);
+  --vd-stone-3: var(--vd-fib-stone-3);
+  --vd-stone-4: var(--vd-fib-stone-4);
+  --vd-stone-5: var(--vd-fib-stone-5);
+  --vd-stone-6: var(--vd-fib-stone-6);
+  --vd-stone-7: var(--vd-fib-stone-7);
+  --vd-stone-8: var(--vd-fib-stone-8);
+  --vd-stone-9: var(--vd-fib-stone-9);
+  --vd-primary-0: var(--vd-fib-primary-0);
+  --vd-primary-1: var(--vd-fib-primary-1);
+  --vd-primary-2: var(--vd-fib-primary-2);
+  --vd-primary-3: var(--vd-fib-primary-3);
+  --vd-primary-4: var(--vd-fib-primary-4);
+  --vd-primary-5: var(--vd-fib-primary-5);
+  --vd-primary-6: var(--vd-fib-primary-6);
+  --vd-primary-7: var(--vd-fib-primary-7);
+  --vd-primary-8: var(--vd-fib-primary-8);
+  --vd-primary-9: var(--vd-fib-primary-9);
+  --vd-secondary-0: var(--vd-fib-secondary-0);
+  --vd-secondary-1: var(--vd-fib-secondary-1);
+  --vd-secondary-2: var(--vd-fib-secondary-2);
+  --vd-secondary-3: var(--vd-fib-secondary-3);
+  --vd-secondary-4: var(--vd-fib-secondary-4);
+  --vd-secondary-5: var(--vd-fib-secondary-5);
+  --vd-secondary-6: var(--vd-fib-secondary-6);
+  --vd-secondary-7: var(--vd-fib-secondary-7);
+  --vd-secondary-8: var(--vd-fib-secondary-8);
+  --vd-secondary-9: var(--vd-fib-secondary-9);
+  --vd-danger-0: var(--vd-fib-danger-0);
+  --vd-danger-1: var(--vd-fib-danger-1);
+  --vd-danger-2: var(--vd-fib-danger-2);
+  --vd-danger-3: var(--vd-fib-danger-3);
+  --vd-danger-4: var(--vd-fib-danger-4);
+  --vd-danger-5: var(--vd-fib-danger-5);
+  --vd-danger-6: var(--vd-fib-danger-6);
+  --vd-danger-7: var(--vd-fib-danger-7);
+  --vd-danger-8: var(--vd-fib-danger-8);
+  --vd-danger-9: var(--vd-fib-danger-9);
+  --vd-error-0: var(--vd-fib-error-0);
+  --vd-error-1: var(--vd-fib-error-1);
+  --vd-error-2: var(--vd-fib-error-2);
+  --vd-error-3: var(--vd-fib-error-3);
+  --vd-error-4: var(--vd-fib-error-4);
+  --vd-error-5: var(--vd-fib-error-5);
+  --vd-error-6: var(--vd-fib-error-6);
+  --vd-error-7: var(--vd-fib-error-7);
+  --vd-error-8: var(--vd-fib-error-8);
+  --vd-error-9: var(--vd-fib-error-9);
+  --vd-success-0: var(--vd-fib-success-0);
+  --vd-success-1: var(--vd-fib-success-1);
+  --vd-success-2: var(--vd-fib-success-2);
+  --vd-success-3: var(--vd-fib-success-3);
+  --vd-success-4: var(--vd-fib-success-4);
+  --vd-success-5: var(--vd-fib-success-5);
+  --vd-success-6: var(--vd-fib-success-6);
+  --vd-success-7: var(--vd-fib-success-7);
+  --vd-success-8: var(--vd-fib-success-8);
+  --vd-success-9: var(--vd-fib-success-9);
+  --vd-warning-0: var(--vd-fib-warning-0);
+  --vd-warning-1: var(--vd-fib-warning-1);
+  --vd-warning-2: var(--vd-fib-warning-2);
+  --vd-warning-3: var(--vd-fib-warning-3);
+  --vd-warning-4: var(--vd-fib-warning-4);
+  --vd-warning-5: var(--vd-fib-warning-5);
+  --vd-warning-6: var(--vd-fib-warning-6);
+  --vd-warning-7: var(--vd-fib-warning-7);
+  --vd-warning-8: var(--vd-fib-warning-8);
+  --vd-warning-9: var(--vd-fib-warning-9);
+  --vd-info-0: var(--vd-fib-info-0);
+  --vd-info-1: var(--vd-fib-info-1);
+  --vd-info-2: var(--vd-fib-info-2);
+  --vd-info-3: var(--vd-fib-info-3);
+  --vd-info-4: var(--vd-fib-info-4);
+  --vd-info-5: var(--vd-fib-info-5);
+  --vd-info-6: var(--vd-fib-info-6);
+  --vd-info-7: var(--vd-fib-info-7);
+  --vd-info-8: var(--vd-fib-info-8);
+  --vd-info-9: var(--vd-fib-info-9);
+  --vd-red-0: var(--vd-fib-red-0);
+  --vd-red-1: var(--vd-fib-red-1);
+  --vd-red-2: var(--vd-fib-red-2);
+  --vd-red-3: var(--vd-fib-red-3);
+  --vd-red-4: var(--vd-fib-red-4);
+  --vd-red-5: var(--vd-fib-red-5);
+  --vd-red-6: var(--vd-fib-red-6);
+  --vd-red-7: var(--vd-fib-red-7);
+  --vd-red-8: var(--vd-fib-red-8);
+  --vd-red-9: var(--vd-fib-red-9);
+  --vd-orange-0: var(--vd-fib-orange-0);
+  --vd-orange-1: var(--vd-fib-orange-1);
+  --vd-orange-2: var(--vd-fib-orange-2);
+  --vd-orange-3: var(--vd-fib-orange-3);
+  --vd-orange-4: var(--vd-fib-orange-4);
+  --vd-orange-5: var(--vd-fib-orange-5);
+  --vd-orange-6: var(--vd-fib-orange-6);
+  --vd-orange-7: var(--vd-fib-orange-7);
+  --vd-orange-8: var(--vd-fib-orange-8);
+  --vd-orange-9: var(--vd-fib-orange-9);
+  --vd-yellow-0: var(--vd-fib-yellow-0);
+  --vd-yellow-1: var(--vd-fib-yellow-1);
+  --vd-yellow-2: var(--vd-fib-yellow-2);
+  --vd-yellow-3: var(--vd-fib-yellow-3);
+  --vd-yellow-4: var(--vd-fib-yellow-4);
+  --vd-yellow-5: var(--vd-fib-yellow-5);
+  --vd-yellow-6: var(--vd-fib-yellow-6);
+  --vd-yellow-7: var(--vd-fib-yellow-7);
+  --vd-yellow-8: var(--vd-fib-yellow-8);
+  --vd-yellow-9: var(--vd-fib-yellow-9);
+  --vd-lime-0: var(--vd-fib-lime-0);
+  --vd-lime-1: var(--vd-fib-lime-1);
+  --vd-lime-2: var(--vd-fib-lime-2);
+  --vd-lime-3: var(--vd-fib-lime-3);
+  --vd-lime-4: var(--vd-fib-lime-4);
+  --vd-lime-5: var(--vd-fib-lime-5);
+  --vd-lime-6: var(--vd-fib-lime-6);
+  --vd-lime-7: var(--vd-fib-lime-7);
+  --vd-lime-8: var(--vd-fib-lime-8);
+  --vd-lime-9: var(--vd-fib-lime-9);
+  --vd-green-0: var(--vd-fib-green-0);
+  --vd-green-1: var(--vd-fib-green-1);
+  --vd-green-2: var(--vd-fib-green-2);
+  --vd-green-3: var(--vd-fib-green-3);
+  --vd-green-4: var(--vd-fib-green-4);
+  --vd-green-5: var(--vd-fib-green-5);
+  --vd-green-6: var(--vd-fib-green-6);
+  --vd-green-7: var(--vd-fib-green-7);
+  --vd-green-8: var(--vd-fib-green-8);
+  --vd-green-9: var(--vd-fib-green-9);
+  --vd-teal-0: var(--vd-fib-teal-0);
+  --vd-teal-1: var(--vd-fib-teal-1);
+  --vd-teal-2: var(--vd-fib-teal-2);
+  --vd-teal-3: var(--vd-fib-teal-3);
+  --vd-teal-4: var(--vd-fib-teal-4);
+  --vd-teal-5: var(--vd-fib-teal-5);
+  --vd-teal-6: var(--vd-fib-teal-6);
+  --vd-teal-7: var(--vd-fib-teal-7);
+  --vd-teal-8: var(--vd-fib-teal-8);
+  --vd-teal-9: var(--vd-fib-teal-9);
+  --vd-cyan-0: var(--vd-fib-cyan-0);
+  --vd-cyan-1: var(--vd-fib-cyan-1);
+  --vd-cyan-2: var(--vd-fib-cyan-2);
+  --vd-cyan-3: var(--vd-fib-cyan-3);
+  --vd-cyan-4: var(--vd-fib-cyan-4);
+  --vd-cyan-5: var(--vd-fib-cyan-5);
+  --vd-cyan-6: var(--vd-fib-cyan-6);
+  --vd-cyan-7: var(--vd-fib-cyan-7);
+  --vd-cyan-8: var(--vd-fib-cyan-8);
+  --vd-cyan-9: var(--vd-fib-cyan-9);
+  --vd-blue-0: var(--vd-fib-blue-0);
+  --vd-blue-1: var(--vd-fib-blue-1);
+  --vd-blue-2: var(--vd-fib-blue-2);
+  --vd-blue-3: var(--vd-fib-blue-3);
+  --vd-blue-4: var(--vd-fib-blue-4);
+  --vd-blue-5: var(--vd-fib-blue-5);
+  --vd-blue-6: var(--vd-fib-blue-6);
+  --vd-blue-7: var(--vd-fib-blue-7);
+  --vd-blue-8: var(--vd-fib-blue-8);
+  --vd-blue-9: var(--vd-fib-blue-9);
+  --vd-indigo-0: var(--vd-fib-indigo-0);
+  --vd-indigo-1: var(--vd-fib-indigo-1);
+  --vd-indigo-2: var(--vd-fib-indigo-2);
+  --vd-indigo-3: var(--vd-fib-indigo-3);
+  --vd-indigo-4: var(--vd-fib-indigo-4);
+  --vd-indigo-5: var(--vd-fib-indigo-5);
+  --vd-indigo-6: var(--vd-fib-indigo-6);
+  --vd-indigo-7: var(--vd-fib-indigo-7);
+  --vd-indigo-8: var(--vd-fib-indigo-8);
+  --vd-indigo-9: var(--vd-fib-indigo-9);
+  --vd-violet-0: var(--vd-fib-violet-0);
+  --vd-violet-1: var(--vd-fib-violet-1);
+  --vd-violet-2: var(--vd-fib-violet-2);
+  --vd-violet-3: var(--vd-fib-violet-3);
+  --vd-violet-4: var(--vd-fib-violet-4);
+  --vd-violet-5: var(--vd-fib-violet-5);
+  --vd-violet-6: var(--vd-fib-violet-6);
+  --vd-violet-7: var(--vd-fib-violet-7);
+  --vd-violet-8: var(--vd-fib-violet-8);
+  --vd-violet-9: var(--vd-fib-violet-9);
+  --vd-grape-0: var(--vd-fib-grape-0);
+  --vd-grape-1: var(--vd-fib-grape-1);
+  --vd-grape-2: var(--vd-fib-grape-2);
+  --vd-grape-3: var(--vd-fib-grape-3);
+  --vd-grape-4: var(--vd-fib-grape-4);
+  --vd-grape-5: var(--vd-fib-grape-5);
+  --vd-grape-6: var(--vd-fib-grape-6);
+  --vd-grape-7: var(--vd-fib-grape-7);
+  --vd-grape-8: var(--vd-fib-grape-8);
+  --vd-grape-9: var(--vd-fib-grape-9);
+  --vd-pink-0: var(--vd-fib-pink-0);
+  --vd-pink-1: var(--vd-fib-pink-1);
+  --vd-pink-2: var(--vd-fib-pink-2);
+  --vd-pink-3: var(--vd-fib-pink-3);
+  --vd-pink-4: var(--vd-fib-pink-4);
+  --vd-pink-5: var(--vd-fib-pink-5);
+  --vd-pink-6: var(--vd-fib-pink-6);
+  --vd-pink-7: var(--vd-fib-pink-7);
+  --vd-pink-8: var(--vd-fib-pink-8);
+  --vd-pink-9: var(--vd-fib-pink-9);
+  --vd-golden-1: var(--vd-fib-golden-1);
+  --vd-golden-2: var(--vd-fib-golden-2);
+  --vd-golden-3: var(--vd-fib-golden-3);
+  --vd-golden-4: var(--vd-fib-golden-4);
+  --vd-golden-5: var(--vd-fib-golden-5);
+  --vd-golden-6: var(--vd-fib-golden-6);
+  --vd-golden-7: var(--vd-fib-golden-7);
+  --vd-golden-8: var(--vd-fib-golden-8);
+}
+
+[data-palette="open-color"] {
+  --vd-gray-0: var(--vd-oc-gray-0);
+  --vd-gray-1: var(--vd-oc-gray-1);
+  --vd-gray-2: var(--vd-oc-gray-2);
+  --vd-gray-3: var(--vd-oc-gray-3);
+  --vd-gray-4: var(--vd-oc-gray-4);
+  --vd-gray-5: var(--vd-oc-gray-5);
+  --vd-gray-6: var(--vd-oc-gray-6);
+  --vd-gray-7: var(--vd-oc-gray-7);
+  --vd-gray-8: var(--vd-oc-gray-8);
+  --vd-gray-9: var(--vd-oc-gray-9);
+  --vd-primary-0: var(--vd-oc-primary-0);
+  --vd-primary-1: var(--vd-oc-primary-1);
+  --vd-primary-2: var(--vd-oc-primary-2);
+  --vd-primary-3: var(--vd-oc-primary-3);
+  --vd-primary-4: var(--vd-oc-primary-4);
+  --vd-primary-5: var(--vd-oc-primary-5);
+  --vd-primary-6: var(--vd-oc-primary-6);
+  --vd-primary-7: var(--vd-oc-primary-7);
+  --vd-primary-8: var(--vd-oc-primary-8);
+  --vd-primary-9: var(--vd-oc-primary-9);
+  --vd-secondary-0: var(--vd-oc-secondary-0);
+  --vd-secondary-1: var(--vd-oc-secondary-1);
+  --vd-secondary-2: var(--vd-oc-secondary-2);
+  --vd-secondary-3: var(--vd-oc-secondary-3);
+  --vd-secondary-4: var(--vd-oc-secondary-4);
+  --vd-secondary-5: var(--vd-oc-secondary-5);
+  --vd-secondary-6: var(--vd-oc-secondary-6);
+  --vd-secondary-7: var(--vd-oc-secondary-7);
+  --vd-secondary-8: var(--vd-oc-secondary-8);
+  --vd-secondary-9: var(--vd-oc-secondary-9);
+  --vd-danger-0: var(--vd-oc-danger-0);
+  --vd-danger-1: var(--vd-oc-danger-1);
+  --vd-danger-2: var(--vd-oc-danger-2);
+  --vd-danger-3: var(--vd-oc-danger-3);
+  --vd-danger-4: var(--vd-oc-danger-4);
+  --vd-danger-5: var(--vd-oc-danger-5);
+  --vd-danger-6: var(--vd-oc-danger-6);
+  --vd-danger-7: var(--vd-oc-danger-7);
+  --vd-danger-8: var(--vd-oc-danger-8);
+  --vd-danger-9: var(--vd-oc-danger-9);
+  --vd-error-0: var(--vd-oc-error-0);
+  --vd-error-1: var(--vd-oc-error-1);
+  --vd-error-2: var(--vd-oc-error-2);
+  --vd-error-3: var(--vd-oc-error-3);
+  --vd-error-4: var(--vd-oc-error-4);
+  --vd-error-5: var(--vd-oc-error-5);
+  --vd-error-6: var(--vd-oc-error-6);
+  --vd-error-7: var(--vd-oc-error-7);
+  --vd-error-8: var(--vd-oc-error-8);
+  --vd-error-9: var(--vd-oc-error-9);
+  --vd-success-0: var(--vd-oc-success-0);
+  --vd-success-1: var(--vd-oc-success-1);
+  --vd-success-2: var(--vd-oc-success-2);
+  --vd-success-3: var(--vd-oc-success-3);
+  --vd-success-4: var(--vd-oc-success-4);
+  --vd-success-5: var(--vd-oc-success-5);
+  --vd-success-6: var(--vd-oc-success-6);
+  --vd-success-7: var(--vd-oc-success-7);
+  --vd-success-8: var(--vd-oc-success-8);
+  --vd-success-9: var(--vd-oc-success-9);
+  --vd-warning-0: var(--vd-oc-warning-0);
+  --vd-warning-1: var(--vd-oc-warning-1);
+  --vd-warning-2: var(--vd-oc-warning-2);
+  --vd-warning-3: var(--vd-oc-warning-3);
+  --vd-warning-4: var(--vd-oc-warning-4);
+  --vd-warning-5: var(--vd-oc-warning-5);
+  --vd-warning-6: var(--vd-oc-warning-6);
+  --vd-warning-7: var(--vd-oc-warning-7);
+  --vd-warning-8: var(--vd-oc-warning-8);
+  --vd-warning-9: var(--vd-oc-warning-9);
+  --vd-info-0: var(--vd-oc-info-0);
+  --vd-info-1: var(--vd-oc-info-1);
+  --vd-info-2: var(--vd-oc-info-2);
+  --vd-info-3: var(--vd-oc-info-3);
+  --vd-info-4: var(--vd-oc-info-4);
+  --vd-info-5: var(--vd-oc-info-5);
+  --vd-info-6: var(--vd-oc-info-6);
+  --vd-info-7: var(--vd-oc-info-7);
+  --vd-info-8: var(--vd-oc-info-8);
+  --vd-info-9: var(--vd-oc-info-9);
+  --vd-red-0: var(--vd-oc-red-0);
+  --vd-red-1: var(--vd-oc-red-1);
+  --vd-red-2: var(--vd-oc-red-2);
+  --vd-red-3: var(--vd-oc-red-3);
+  --vd-red-4: var(--vd-oc-red-4);
+  --vd-red-5: var(--vd-oc-red-5);
+  --vd-red-6: var(--vd-oc-red-6);
+  --vd-red-7: var(--vd-oc-red-7);
+  --vd-red-8: var(--vd-oc-red-8);
+  --vd-red-9: var(--vd-oc-red-9);
+  --vd-orange-0: var(--vd-oc-orange-0);
+  --vd-orange-1: var(--vd-oc-orange-1);
+  --vd-orange-2: var(--vd-oc-orange-2);
+  --vd-orange-3: var(--vd-oc-orange-3);
+  --vd-orange-4: var(--vd-oc-orange-4);
+  --vd-orange-5: var(--vd-oc-orange-5);
+  --vd-orange-6: var(--vd-oc-orange-6);
+  --vd-orange-7: var(--vd-oc-orange-7);
+  --vd-orange-8: var(--vd-oc-orange-8);
+  --vd-orange-9: var(--vd-oc-orange-9);
+  --vd-yellow-0: var(--vd-oc-yellow-0);
+  --vd-yellow-1: var(--vd-oc-yellow-1);
+  --vd-yellow-2: var(--vd-oc-yellow-2);
+  --vd-yellow-3: var(--vd-oc-yellow-3);
+  --vd-yellow-4: var(--vd-oc-yellow-4);
+  --vd-yellow-5: var(--vd-oc-yellow-5);
+  --vd-yellow-6: var(--vd-oc-yellow-6);
+  --vd-yellow-7: var(--vd-oc-yellow-7);
+  --vd-yellow-8: var(--vd-oc-yellow-8);
+  --vd-yellow-9: var(--vd-oc-yellow-9);
+  --vd-lime-0: var(--vd-oc-lime-0);
+  --vd-lime-1: var(--vd-oc-lime-1);
+  --vd-lime-2: var(--vd-oc-lime-2);
+  --vd-lime-3: var(--vd-oc-lime-3);
+  --vd-lime-4: var(--vd-oc-lime-4);
+  --vd-lime-5: var(--vd-oc-lime-5);
+  --vd-lime-6: var(--vd-oc-lime-6);
+  --vd-lime-7: var(--vd-oc-lime-7);
+  --vd-lime-8: var(--vd-oc-lime-8);
+  --vd-lime-9: var(--vd-oc-lime-9);
+  --vd-green-0: var(--vd-oc-green-0);
+  --vd-green-1: var(--vd-oc-green-1);
+  --vd-green-2: var(--vd-oc-green-2);
+  --vd-green-3: var(--vd-oc-green-3);
+  --vd-green-4: var(--vd-oc-green-4);
+  --vd-green-5: var(--vd-oc-green-5);
+  --vd-green-6: var(--vd-oc-green-6);
+  --vd-green-7: var(--vd-oc-green-7);
+  --vd-green-8: var(--vd-oc-green-8);
+  --vd-green-9: var(--vd-oc-green-9);
+  --vd-teal-0: var(--vd-oc-teal-0);
+  --vd-teal-1: var(--vd-oc-teal-1);
+  --vd-teal-2: var(--vd-oc-teal-2);
+  --vd-teal-3: var(--vd-oc-teal-3);
+  --vd-teal-4: var(--vd-oc-teal-4);
+  --vd-teal-5: var(--vd-oc-teal-5);
+  --vd-teal-6: var(--vd-oc-teal-6);
+  --vd-teal-7: var(--vd-oc-teal-7);
+  --vd-teal-8: var(--vd-oc-teal-8);
+  --vd-teal-9: var(--vd-oc-teal-9);
+  --vd-cyan-0: var(--vd-oc-cyan-0);
+  --vd-cyan-1: var(--vd-oc-cyan-1);
+  --vd-cyan-2: var(--vd-oc-cyan-2);
+  --vd-cyan-3: var(--vd-oc-cyan-3);
+  --vd-cyan-4: var(--vd-oc-cyan-4);
+  --vd-cyan-5: var(--vd-oc-cyan-5);
+  --vd-cyan-6: var(--vd-oc-cyan-6);
+  --vd-cyan-7: var(--vd-oc-cyan-7);
+  --vd-cyan-8: var(--vd-oc-cyan-8);
+  --vd-cyan-9: var(--vd-oc-cyan-9);
+  --vd-blue-0: var(--vd-oc-blue-0);
+  --vd-blue-1: var(--vd-oc-blue-1);
+  --vd-blue-2: var(--vd-oc-blue-2);
+  --vd-blue-3: var(--vd-oc-blue-3);
+  --vd-blue-4: var(--vd-oc-blue-4);
+  --vd-blue-5: var(--vd-oc-blue-5);
+  --vd-blue-6: var(--vd-oc-blue-6);
+  --vd-blue-7: var(--vd-oc-blue-7);
+  --vd-blue-8: var(--vd-oc-blue-8);
+  --vd-blue-9: var(--vd-oc-blue-9);
+  --vd-indigo-0: var(--vd-oc-indigo-0);
+  --vd-indigo-1: var(--vd-oc-indigo-1);
+  --vd-indigo-2: var(--vd-oc-indigo-2);
+  --vd-indigo-3: var(--vd-oc-indigo-3);
+  --vd-indigo-4: var(--vd-oc-indigo-4);
+  --vd-indigo-5: var(--vd-oc-indigo-5);
+  --vd-indigo-6: var(--vd-oc-indigo-6);
+  --vd-indigo-7: var(--vd-oc-indigo-7);
+  --vd-indigo-8: var(--vd-oc-indigo-8);
+  --vd-indigo-9: var(--vd-oc-indigo-9);
+  --vd-violet-0: var(--vd-oc-violet-0);
+  --vd-violet-1: var(--vd-oc-violet-1);
+  --vd-violet-2: var(--vd-oc-violet-2);
+  --vd-violet-3: var(--vd-oc-violet-3);
+  --vd-violet-4: var(--vd-oc-violet-4);
+  --vd-violet-5: var(--vd-oc-violet-5);
+  --vd-violet-6: var(--vd-oc-violet-6);
+  --vd-violet-7: var(--vd-oc-violet-7);
+  --vd-violet-8: var(--vd-oc-violet-8);
+  --vd-violet-9: var(--vd-oc-violet-9);
+  --vd-grape-0: var(--vd-oc-grape-0);
+  --vd-grape-1: var(--vd-oc-grape-1);
+  --vd-grape-2: var(--vd-oc-grape-2);
+  --vd-grape-3: var(--vd-oc-grape-3);
+  --vd-grape-4: var(--vd-oc-grape-4);
+  --vd-grape-5: var(--vd-oc-grape-5);
+  --vd-grape-6: var(--vd-oc-grape-6);
+  --vd-grape-7: var(--vd-oc-grape-7);
+  --vd-grape-8: var(--vd-oc-grape-8);
+  --vd-grape-9: var(--vd-oc-grape-9);
+  --vd-pink-0: var(--vd-oc-pink-0);
+  --vd-pink-1: var(--vd-oc-pink-1);
+  --vd-pink-2: var(--vd-oc-pink-2);
+  --vd-pink-3: var(--vd-oc-pink-3);
+  --vd-pink-4: var(--vd-oc-pink-4);
+  --vd-pink-5: var(--vd-oc-pink-5);
+  --vd-pink-6: var(--vd-oc-pink-6);
+  --vd-pink-7: var(--vd-oc-pink-7);
+  --vd-pink-8: var(--vd-oc-pink-8);
+  --vd-pink-9: var(--vd-oc-pink-9);
+  --vd-slate-0: var(--vd-oc-slate-0);
+  --vd-slate-1: var(--vd-oc-slate-1);
+  --vd-slate-2: var(--vd-oc-slate-2);
+  --vd-slate-3: var(--vd-oc-slate-3);
+  --vd-slate-4: var(--vd-oc-slate-4);
+  --vd-slate-5: var(--vd-oc-slate-5);
+  --vd-slate-6: var(--vd-oc-slate-6);
+  --vd-slate-7: var(--vd-oc-slate-7);
+  --vd-slate-8: var(--vd-oc-slate-8);
+  --vd-slate-9: var(--vd-oc-slate-9);
+  --vd-charcoal-0: var(--vd-oc-charcoal-0);
+  --vd-charcoal-1: var(--vd-oc-charcoal-1);
+  --vd-charcoal-2: var(--vd-oc-charcoal-2);
+  --vd-charcoal-3: var(--vd-oc-charcoal-3);
+  --vd-charcoal-4: var(--vd-oc-charcoal-4);
+  --vd-charcoal-5: var(--vd-oc-charcoal-5);
+  --vd-charcoal-6: var(--vd-oc-charcoal-6);
+  --vd-charcoal-7: var(--vd-oc-charcoal-7);
+  --vd-charcoal-8: var(--vd-oc-charcoal-8);
+  --vd-charcoal-9: var(--vd-oc-charcoal-9);
+  --vd-zinc-0: var(--vd-oc-zinc-0);
+  --vd-zinc-1: var(--vd-oc-zinc-1);
+  --vd-zinc-2: var(--vd-oc-zinc-2);
+  --vd-zinc-3: var(--vd-oc-zinc-3);
+  --vd-zinc-4: var(--vd-oc-zinc-4);
+  --vd-zinc-5: var(--vd-oc-zinc-5);
+  --vd-zinc-6: var(--vd-oc-zinc-6);
+  --vd-zinc-7: var(--vd-oc-zinc-7);
+  --vd-zinc-8: var(--vd-oc-zinc-8);
+  --vd-zinc-9: var(--vd-oc-zinc-9);
+  --vd-neutral-0: var(--vd-oc-neutral-0);
+  --vd-neutral-1: var(--vd-oc-neutral-1);
+  --vd-neutral-2: var(--vd-oc-neutral-2);
+  --vd-neutral-3: var(--vd-oc-neutral-3);
+  --vd-neutral-4: var(--vd-oc-neutral-4);
+  --vd-neutral-5: var(--vd-oc-neutral-5);
+  --vd-neutral-6: var(--vd-oc-neutral-6);
+  --vd-neutral-7: var(--vd-oc-neutral-7);
+  --vd-neutral-8: var(--vd-oc-neutral-8);
+  --vd-neutral-9: var(--vd-oc-neutral-9);
+  --vd-stone-0: var(--vd-oc-stone-0);
+  --vd-stone-1: var(--vd-oc-stone-1);
+  --vd-stone-2: var(--vd-oc-stone-2);
+  --vd-stone-3: var(--vd-oc-stone-3);
+  --vd-stone-4: var(--vd-oc-stone-4);
+  --vd-stone-5: var(--vd-oc-stone-5);
+  --vd-stone-6: var(--vd-oc-stone-6);
+  --vd-stone-7: var(--vd-oc-stone-7);
+  --vd-stone-8: var(--vd-oc-stone-8);
+  --vd-stone-9: var(--vd-oc-stone-9);
+}