@vanduo-oss/framework 1.5.0 → 1.6.0

package/css/core/colors-fib-base.css

@@ -0,0 +1,524 @@
+/**
+ * Vanduo Framework - Palette Base Scales (generated)
+ *
+ * Raw, palette-namespaced color scales for the runtime [data-palette] switch.
+ *   --vd-oc-*  Open Color (optional palette)
+ *   --vd-fib-* Fibonacci / golden-angle (optional palette) + golden accent track
+ *
+ * Generated by @vanduo-oss/core scripts/generate-fib-palette.mjs from the shared
+ * token sources. Do not edit by hand; run `pnpm gen:fib` in ../core.
+ */
+
+:root {
+  /* Open Color palette (optional) */
+  --vd-oc-gray-0: #f8f9fa;
+  --vd-oc-gray-1: #f1f3f5;
+  --vd-oc-gray-2: #e9ecef;
+  --vd-oc-gray-3: #dee2e6;
+  --vd-oc-gray-4: #ced4da;
+  --vd-oc-gray-5: #adb5bd;
+  --vd-oc-gray-6: #868e96;
+  --vd-oc-gray-7: #495057;
+  --vd-oc-gray-8: #343a40;
+  --vd-oc-gray-9: #212529;
+  --vd-oc-primary-0: #edf2ff;
+  --vd-oc-primary-1: #dbe4ff;
+  --vd-oc-primary-2: #bac8ff;
+  --vd-oc-primary-3: #91a7ff;
+  --vd-oc-primary-4: #748ffc;
+  --vd-oc-primary-5: #5c7cfa;
+  --vd-oc-primary-6: #4c6ef5;
+  --vd-oc-primary-7: #4263eb;
+  --vd-oc-primary-8: #3b5bdb;
+  --vd-oc-primary-9: #364fc7;
+  --vd-oc-secondary-0: #e6fcf5;
+  --vd-oc-secondary-1: #c3fae8;
+  --vd-oc-secondary-2: #96f2d7;
+  --vd-oc-secondary-3: #63e6be;
+  --vd-oc-secondary-4: #38d9a9;
+  --vd-oc-secondary-5: #20c997;
+  --vd-oc-secondary-6: #12b886;
+  --vd-oc-secondary-7: #0ca678;
+  --vd-oc-secondary-8: #099268;
+  --vd-oc-secondary-9: #087f5b;
+  --vd-oc-danger-0: #fff5f5;
+  --vd-oc-danger-1: #ffe3e3;
+  --vd-oc-danger-2: #ffc9c9;
+  --vd-oc-danger-3: #ffa8a8;
+  --vd-oc-danger-4: #ff8787;
+  --vd-oc-danger-5: #ff6b6b;
+  --vd-oc-danger-6: #fa5252;
+  --vd-oc-danger-7: #f03e3e;
+  --vd-oc-danger-8: #e03131;
+  --vd-oc-danger-9: #c92a2a;
+  --vd-oc-error-0: #fff5f5;
+  --vd-oc-error-1: #ffe3e3;
+  --vd-oc-error-2: #ffc9c9;
+  --vd-oc-error-3: #ffa8a8;
+  --vd-oc-error-4: #ff8787;
+  --vd-oc-error-5: #ff6b6b;
+  --vd-oc-error-6: #fa5252;
+  --vd-oc-error-7: #f03e3e;
+  --vd-oc-error-8: #e03131;
+  --vd-oc-error-9: #c92a2a;
+  --vd-oc-success-0: #ebfbee;
+  --vd-oc-success-1: #d3f9d8;
+  --vd-oc-success-2: #b2f2bb;
+  --vd-oc-success-3: #8ce99a;
+  --vd-oc-success-4: #69db7c;
+  --vd-oc-success-5: #51cf66;
+  --vd-oc-success-6: #40c057;
+  --vd-oc-success-7: #37b24d;
+  --vd-oc-success-8: #2f9e44;
+  --vd-oc-success-9: #2b8a3e;
+  --vd-oc-warning-0: #fff9db;
+  --vd-oc-warning-1: #fff3bf;
+  --vd-oc-warning-2: #ffec99;
+  --vd-oc-warning-3: #ffe066;
+  --vd-oc-warning-4: #ffd43b;
+  --vd-oc-warning-5: #fcc419;
+  --vd-oc-warning-6: #fab005;
+  --vd-oc-warning-7: #f59f00;
+  --vd-oc-warning-8: #f08c00;
+  --vd-oc-warning-9: #e67700;
+  --vd-oc-info-0: #e7f5ff;
+  --vd-oc-info-1: #d0ebff;
+  --vd-oc-info-2: #a5d8ff;
+  --vd-oc-info-3: #74c0fc;
+  --vd-oc-info-4: #4dabf7;
+  --vd-oc-info-5: #339af0;
+  --vd-oc-info-6: #228be6;
+  --vd-oc-info-7: #1c7ed6;
+  --vd-oc-info-8: #1971c2;
+  --vd-oc-info-9: #1864ab;
+  --vd-oc-red-0: #fff5f5;
+  --vd-oc-red-1: #ffe3e3;
+  --vd-oc-red-2: #ffc9c9;
+  --vd-oc-red-3: #ffa8a8;
+  --vd-oc-red-4: #ff8787;
+  --vd-oc-red-5: #ff6b6b;
+  --vd-oc-red-6: #fa5252;
+  --vd-oc-red-7: #f03e3e;
+  --vd-oc-red-8: #e03131;
+  --vd-oc-red-9: #c92a2a;
+  --vd-oc-orange-0: #fff4e6;
+  --vd-oc-orange-1: #ffe8cc;
+  --vd-oc-orange-2: #ffd8a8;
+  --vd-oc-orange-3: #ffc078;
+  --vd-oc-orange-4: #ffa94d;
+  --vd-oc-orange-5: #ff922b;
+  --vd-oc-orange-6: #fd7e14;
+  --vd-oc-orange-7: #f76707;
+  --vd-oc-orange-8: #e8590c;
+  --vd-oc-orange-9: #d9480f;
+  --vd-oc-yellow-0: #fff9db;
+  --vd-oc-yellow-1: #fff3bf;
+  --vd-oc-yellow-2: #ffec99;
+  --vd-oc-yellow-3: #ffe066;
+  --vd-oc-yellow-4: #ffd43b;
+  --vd-oc-yellow-5: #fcc419;
+  --vd-oc-yellow-6: #fab005;
+  --vd-oc-yellow-7: #f59f00;
+  --vd-oc-yellow-8: #f08c00;
+  --vd-oc-yellow-9: #e67700;
+  --vd-oc-lime-0: #f4fce3;
+  --vd-oc-lime-1: #e9fac8;
+  --vd-oc-lime-2: #d8f5a2;
+  --vd-oc-lime-3: #c0eb75;
+  --vd-oc-lime-4: #a9e34b;
+  --vd-oc-lime-5: #94d82d;
+  --vd-oc-lime-6: #82c91e;
+  --vd-oc-lime-7: #74b816;
+  --vd-oc-lime-8: #66a80f;
+  --vd-oc-lime-9: #5c940d;
+  --vd-oc-green-0: #ebfbee;
+  --vd-oc-green-1: #d3f9d8;
+  --vd-oc-green-2: #b2f2bb;
+  --vd-oc-green-3: #8ce99a;
+  --vd-oc-green-4: #69db7c;
+  --vd-oc-green-5: #51cf66;
+  --vd-oc-green-6: #40c057;
+  --vd-oc-green-7: #37b24d;
+  --vd-oc-green-8: #2f9e44;
+  --vd-oc-green-9: #2b8a3e;
+  --vd-oc-teal-0: #e6fcf5;
+  --vd-oc-teal-1: #c3fae8;
+  --vd-oc-teal-2: #96f2d7;
+  --vd-oc-teal-3: #63e6be;
+  --vd-oc-teal-4: #38d9a9;
+  --vd-oc-teal-5: #20c997;
+  --vd-oc-teal-6: #12b886;
+  --vd-oc-teal-7: #0ca678;
+  --vd-oc-teal-8: #099268;
+  --vd-oc-teal-9: #087f5b;
+  --vd-oc-cyan-0: #e3fafc;
+  --vd-oc-cyan-1: #c5f6fa;
+  --vd-oc-cyan-2: #99e9f2;
+  --vd-oc-cyan-3: #66d9e8;
+  --vd-oc-cyan-4: #3bc9db;
+  --vd-oc-cyan-5: #22b8cf;
+  --vd-oc-cyan-6: #15aabf;
+  --vd-oc-cyan-7: #1098ad;
+  --vd-oc-cyan-8: #0c8599;
+  --vd-oc-cyan-9: #0b7285;
+  --vd-oc-blue-0: #e7f5ff;
+  --vd-oc-blue-1: #d0ebff;
+  --vd-oc-blue-2: #a5d8ff;
+  --vd-oc-blue-3: #74c0fc;
+  --vd-oc-blue-4: #4dabf7;
+  --vd-oc-blue-5: #339af0;
+  --vd-oc-blue-6: #228be6;
+  --vd-oc-blue-7: #1c7ed6;
+  --vd-oc-blue-8: #1971c2;
+  --vd-oc-blue-9: #1864ab;
+  --vd-oc-indigo-0: #edf2ff;
+  --vd-oc-indigo-1: #dbe4ff;
+  --vd-oc-indigo-2: #bac8ff;
+  --vd-oc-indigo-3: #91a7ff;
+  --vd-oc-indigo-4: #748ffc;
+  --vd-oc-indigo-5: #5c7cfa;
+  --vd-oc-indigo-6: #4c6ef5;
+  --vd-oc-indigo-7: #4263eb;
+  --vd-oc-indigo-8: #3b5bdb;
+  --vd-oc-indigo-9: #364fc7;
+  --vd-oc-violet-0: #f3f0ff;
+  --vd-oc-violet-1: #e5dbff;
+  --vd-oc-violet-2: #d0bfff;
+  --vd-oc-violet-3: #b197fc;
+  --vd-oc-violet-4: #9775fa;
+  --vd-oc-violet-5: #845ef7;
+  --vd-oc-violet-6: #7950f2;
+  --vd-oc-violet-7: #7048e8;
+  --vd-oc-violet-8: #6741d9;
+  --vd-oc-violet-9: #5f3dc4;
+  --vd-oc-grape-0: #f8f0fc;
+  --vd-oc-grape-1: #f3d9fa;
+  --vd-oc-grape-2: #eebefa;
+  --vd-oc-grape-3: #e599f7;
+  --vd-oc-grape-4: #da77f2;
+  --vd-oc-grape-5: #cc5de8;
+  --vd-oc-grape-6: #be4bdb;
+  --vd-oc-grape-7: #ae3ec9;
+  --vd-oc-grape-8: #9c36b5;
+  --vd-oc-grape-9: #862e9c;
+  --vd-oc-pink-0: #fff0f6;
+  --vd-oc-pink-1: #ffdeeb;
+  --vd-oc-pink-2: #fcc2d7;
+  --vd-oc-pink-3: #faa2c1;
+  --vd-oc-pink-4: #f783ac;
+  --vd-oc-pink-5: #f06595;
+  --vd-oc-pink-6: #e64980;
+  --vd-oc-pink-7: #d6336c;
+  --vd-oc-pink-8: #c2255c;
+  --vd-oc-pink-9: #a61e4d;
+  --vd-oc-slate-0: #f8fafc;
+  --vd-oc-slate-1: #f1f5f9;
+  --vd-oc-slate-2: #e2e8f0;
+  --vd-oc-slate-3: #cbd5e1;
+  --vd-oc-slate-4: #94a3b8;
+  --vd-oc-slate-5: #64748b;
+  --vd-oc-slate-6: #475569;
+  --vd-oc-slate-7: #334155;
+  --vd-oc-slate-8: #1e293b;
+  --vd-oc-slate-9: #0f172a;
+  --vd-oc-charcoal-0: #f5f7f8;
+  --vd-oc-charcoal-1: #e7ebee;
+  --vd-oc-charcoal-2: #ced6dc;
+  --vd-oc-charcoal-3: #adb8c1;
+  --vd-oc-charcoal-4: #8b98a3;
+  --vd-oc-charcoal-5: #6d7c88;
+  --vd-oc-charcoal-6: #53616d;
+  --vd-oc-charcoal-7: #394754;
+  --vd-oc-charcoal-8: #202c38;
+  --vd-oc-charcoal-9: #0d1117;
+  --vd-oc-zinc-0: #fafafa;
+  --vd-oc-zinc-1: #f4f4f5;
+  --vd-oc-zinc-2: #e4e4e7;
+  --vd-oc-zinc-3: #d4d4d8;
+  --vd-oc-zinc-4: #a1a1aa;
+  --vd-oc-zinc-5: #71717a;
+  --vd-oc-zinc-6: #52525b;
+  --vd-oc-zinc-7: #3f3f46;
+  --vd-oc-zinc-8: #27272a;
+  --vd-oc-zinc-9: #18181b;
+  --vd-oc-neutral-0: #fafafa;
+  --vd-oc-neutral-1: #f5f5f5;
+  --vd-oc-neutral-2: #e5e5e5;
+  --vd-oc-neutral-3: #d4d4d4;
+  --vd-oc-neutral-4: #a3a3a3;
+  --vd-oc-neutral-5: #737373;
+  --vd-oc-neutral-6: #525252;
+  --vd-oc-neutral-7: #404040;
+  --vd-oc-neutral-8: #262626;
+  --vd-oc-neutral-9: #171717;
+  --vd-oc-stone-0: #fafaf9;
+  --vd-oc-stone-1: #f5f5f4;
+  --vd-oc-stone-2: #e7e5e4;
+  --vd-oc-stone-3: #d6d3d1;
+  --vd-oc-stone-4: #a8a29e;
+  --vd-oc-stone-5: #78716c;
+  --vd-oc-stone-6: #57534e;
+  --vd-oc-stone-7: #44403c;
+  --vd-oc-stone-8: #292524;
+  --vd-oc-stone-9: #1c1917;
+
+  /* Fibonacci (golden-angle) palette (default) + golden accent track */
+  --vd-fib-gray-0: #f5f6f6;
+  --vd-fib-gray-1: #e7e8e9;
+  --vd-fib-gray-2: #d3d5d7;
+  --vd-fib-gray-3: #bdc0c2;
+  --vd-fib-gray-4: #a6a9ac;
+  --vd-fib-gray-5: #8f9296;
+  --vd-fib-gray-6: #797c80;
+  --vd-fib-gray-7: #616366;
+  --vd-fib-gray-8: #494b4d;
+  --vd-fib-gray-9: #323334;
+  --vd-fib-slate-0: #f4f6f7;
+  --vd-fib-slate-1: #e5e8eb;
+  --vd-fib-slate-2: #d1d5da;
+  --vd-fib-slate-3: #bac0c6;
+  --vd-fib-slate-4: #a2a9b0;
+  --vd-fib-slate-5: #8b939a;
+  --vd-fib-slate-6: #757d84;
+  --vd-fib-slate-7: #5d646a;
+  --vd-fib-slate-8: #464b50;
+  --vd-fib-slate-9: #303336;
+  --vd-fib-charcoal-0: #f5f6f7;
+  --vd-fib-charcoal-1: #e6e8ea;
+  --vd-fib-charcoal-2: #d2d5d9;
+  --vd-fib-charcoal-3: #bcc0c5;
+  --vd-fib-charcoal-4: #a4a9ae;
+  --vd-fib-charcoal-5: #8d9399;
+  --vd-fib-charcoal-6: #777d83;
+  --vd-fib-charcoal-7: #5f6469;
+  --vd-fib-charcoal-8: #474b4f;
+  --vd-fib-charcoal-9: #313336;
+  --vd-fib-zinc-0: #f6f6f6;
+  --vd-fib-zinc-1: #e8e8e9;
+  --vd-fib-zinc-2: #d4d4d7;
+  --vd-fib-zinc-3: #bfbfc2;
+  --vd-fib-zinc-4: #a8a8ab;
+  --vd-fib-zinc-5: #929295;
+  --vd-fib-zinc-6: #7c7c7f;
+  --vd-fib-zinc-7: #636366;
+  --vd-fib-zinc-8: #4a4a4c;
+  --vd-fib-zinc-9: #333334;
+  --vd-fib-neutral-0: #f6f6f6;
+  --vd-fib-neutral-1: #e8e8e8;
+  --vd-fib-neutral-2: #d5d5d5;
+  --vd-fib-neutral-3: #bfbfbf;
+  --vd-fib-neutral-4: #a8a8a8;
+  --vd-fib-neutral-5: #929292;
+  --vd-fib-neutral-6: #7c7c7c;
+  --vd-fib-neutral-7: #636363;
+  --vd-fib-neutral-8: #4a4a4a;
+  --vd-fib-neutral-9: #333333;
+  --vd-fib-stone-0: #f6f6f5;
+  --vd-fib-stone-1: #e9e7e6;
+  --vd-fib-stone-2: #d7d4d2;
+  --vd-fib-stone-3: #c2bfbb;
+  --vd-fib-stone-4: #aba8a3;
+  --vd-fib-stone-5: #95918d;
+  --vd-fib-stone-6: #7f7b77;
+  --vd-fib-stone-7: #66635f;
+  --vd-fib-stone-8: #4c4a47;
+  --vd-fib-stone-9: #343230;
+  --vd-fib-primary-0: #e4fbfc;
+  --vd-fib-primary-1: #c1f3f5;
+  --vd-fib-primary-2: #8fe6eb;
+  --vd-fib-primary-3: #51d6dd;
+  --vd-fib-primary-4: #00bfc7;
+  --vd-fib-primary-5: #00a6ad;
+  --vd-fib-primary-6: #008d93;
+  --vd-fib-primary-7: #007176;
+  --vd-fib-primary-8: #005559;
+  --vd-fib-primary-9: #003b3e;
+  --vd-fib-secondary-0: #fff1fa;
+  --vd-fib-secondary-1: #ffdcf4;
+  --vd-fib-secondary-2: #fac0e9;
+  --vd-fib-secondary-3: #efa3da;
+  --vd-fib-secondary-4: #de85c6;
+  --vd-fib-secondary-5: #ca6bb2;
+  --vd-fib-secondary-6: #b2549b;
+  --vd-fib-secondary-7: #92407e;
+  --vd-fib-secondary-8: #6e305f;
+  --vd-fib-secondary-9: #4c2041;
+  --vd-fib-danger-0: #fff3f1;
+  --vd-fib-danger-1: #ffe0db;
+  --vd-fib-danger-2: #ffc4bd;
+  --vd-fib-danger-3: #ffa499;
+  --vd-fib-danger-4: #f68176;
+  --vd-fib-danger-5: #e3655b;
+  --vd-fib-danger-6: #c94d45;
+  --vd-fib-danger-7: #a63933;
+  --vd-fib-danger-8: #7d2b26;
+  --vd-fib-danger-9: #571d19;
+  --vd-fib-error-0: #fff3f1;
+  --vd-fib-error-1: #ffe0db;
+  --vd-fib-error-2: #ffc4bd;
+  --vd-fib-error-3: #ffa499;
+  --vd-fib-error-4: #f68176;
+  --vd-fib-error-5: #e3655b;
+  --vd-fib-error-6: #c94d45;
+  --vd-fib-error-7: #a63933;
+  --vd-fib-error-8: #7d2b26;
+  --vd-fib-error-9: #571d19;
+  --vd-fib-success-0: #ecfbed;
+  --vd-fib-success-1: #d2f2d5;
+  --vd-fib-success-2: #b0e5b6;
+  --vd-fib-success-3: #8bd496;
+  --vd-fib-success-4: #67bf76;
+  --vd-fib-success-5: #46aa5b;
+  --vd-fib-success-6: #299344;
+  --vd-fib-success-7: #167732;
+  --vd-fib-success-8: #125925;
+  --vd-fib-success-9: #0d3e19;
+  --vd-fib-warning-0: #fff4e6;
+  --vd-fib-warning-1: #fce4c3;
+  --vd-fib-warning-2: #f6ce97;
+  --vd-fib-warning-3: #ebb567;
+  --vd-fib-warning-4: #d99b35;
+  --vd-fib-warning-5: #c38400;
+  --vd-fib-warning-6: #a66f00;
+  --vd-fib-warning-7: #865900;
+  --vd-fib-warning-8: #654200;
+  --vd-fib-warning-9: #472d00;
+  --vd-fib-info-0: #eff7ff;
+  --vd-fib-info-1: #d7eaff;
+  --vd-fib-info-2: #b5d9ff;
+  --vd-fib-info-3: #8dc5ff;
+  --vd-fib-info-4: #61adfa;
+  --vd-fib-info-5: #3f96e9;
+  --vd-fib-info-6: #227fd1;
+  --vd-fib-info-7: #0f66ac;
+  --vd-fib-info-8: #0d4c82;
+  --vd-fib-info-9: #09345a;
+  --vd-fib-red-0: #fff3f1;
+  --vd-fib-red-1: #ffe0db;
+  --vd-fib-red-2: #ffc4bd;
+  --vd-fib-red-3: #ffa499;
+  --vd-fib-red-4: #f68176;
+  --vd-fib-red-5: #e3655b;
+  --vd-fib-red-6: #c94d45;
+  --vd-fib-red-7: #a63933;
+  --vd-fib-red-8: #7d2b26;
+  --vd-fib-red-9: #571d19;
+  --vd-fib-orange-0: #fff3ed;
+  --vd-fib-orange-1: #ffe1d1;
+  --vd-fib-orange-2: #ffc7a8;
+  --vd-fib-orange-3: #fbaa7c;
+  --vd-fib-orange-4: #eb8d55;
+  --vd-fib-orange-5: #d87331;
+  --vd-fib-orange-6: #c05b0e;
+  --vd-fib-orange-7: #9c4700;
+  --vd-fib-orange-8: #773501;
+  --vd-fib-orange-9: #522403;
+  --vd-fib-yellow-0: #fbf6e4;
+  --vd-fib-yellow-1: #f2e8c2;
+  --vd-fib-yellow-2: #e6d595;
+  --vd-fib-yellow-3: #d7bf65;
+  --vd-fib-yellow-4: #c3a730;
+  --vd-fib-yellow-5: #ac9000;
+  --vd-fib-yellow-6: #937a00;
+  --vd-fib-yellow-7: #766200;
+  --vd-fib-yellow-8: #594900;
+  --vd-fib-yellow-9: #3d3200;
+  --vd-fib-lime-0: #f1f9e8;
+  --vd-fib-lime-1: #deefcb;
+  --vd-fib-lime-2: #c5e0a5;
+  --vd-fib-lime-3: #aace7d;
+  --vd-fib-lime-4: #90b856;
+  --vd-fib-lime-5: #77a331;
+  --vd-fib-lime-6: #628c0a;
+  --vd-fib-lime-7: #4d7000;
+  --vd-fib-lime-8: #395400;
+  --vd-fib-lime-9: #273a03;
+  --vd-fib-green-0: #ecfbed;
+  --vd-fib-green-1: #d2f2d5;
+  --vd-fib-green-2: #b0e5b6;
+  --vd-fib-green-3: #8bd496;
+  --vd-fib-green-4: #67bf76;
+  --vd-fib-green-5: #46aa5b;
+  --vd-fib-green-6: #299344;
+  --vd-fib-green-7: #167732;
+  --vd-fib-green-8: #125925;
+  --vd-fib-green-9: #0d3e19;
+  --vd-fib-teal-0: #e7fbf6;
+  --vd-fib-teal-1: #c7f3e8;
+  --vd-fib-teal-2: #9be6d5;
+  --vd-fib-teal-3: #69d6c0;
+  --vd-fib-teal-4: #2bc2a8;
+  --vd-fib-teal-5: #00aa92;
+  --vd-fib-teal-6: #00917c;
+  --vd-fib-teal-7: #007463;
+  --vd-fib-teal-8: #00574a;
+  --vd-fib-teal-9: #003c33;
+  --vd-fib-cyan-0: #e5fbfc;
+  --vd-fib-cyan-1: #c4f2f4;
+  --vd-fib-cyan-2: #95e5e9;
+  --vd-fib-cyan-3: #5ed4db;
+  --vd-fib-cyan-4: #00bfc7;
+  --vd-fib-cyan-5: #00a6ad;
+  --vd-fib-cyan-6: #008d93;
+  --vd-fib-cyan-7: #007176;
+  --vd-fib-cyan-8: #005559;
+  --vd-fib-cyan-9: #003b3e;
+  --vd-fib-blue-0: #eff7ff;
+  --vd-fib-blue-1: #d7eaff;
+  --vd-fib-blue-2: #b5d9ff;
+  --vd-fib-blue-3: #8dc5ff;
+  --vd-fib-blue-4: #61adfa;
+  --vd-fib-blue-5: #3f96e9;
+  --vd-fib-blue-6: #227fd1;
+  --vd-fib-blue-7: #0f66ac;
+  --vd-fib-blue-8: #0d4c82;
+  --vd-fib-blue-9: #09345a;
+  --vd-fib-indigo-0: #f2f5ff;
+  --vd-fib-indigo-1: #e0e7ff;
+  --vd-fib-indigo-2: #c6d3ff;
+  --vd-fib-indigo-3: #a9bcff;
+  --vd-fib-indigo-4: #8ba2fd;
+  --vd-fib-indigo-5: #738aec;
+  --vd-fib-indigo-6: #5e73d4;
+  --vd-fib-indigo-7: #495baf;
+  --vd-fib-indigo-8: #374484;
+  --vd-fib-indigo-9: #252f5c;
+  --vd-fib-violet-0: #f6f4ff;
+  --vd-fib-violet-1: #e9e3ff;
+  --vd-fib-violet-2: #d8ccff;
+  --vd-fib-violet-3: #c4b2ff;
+  --vd-fib-violet-4: #af96f4;
+  --vd-fib-violet-5: #9a7de3;
+  --vd-fib-violet-6: #8466ca;
+  --vd-fib-violet-7: #6a50a7;
+  --vd-fib-violet-8: #503c7e;
+  --vd-fib-violet-9: #362957;
+  --vd-fib-grape-0: #fff1ff;
+  --vd-fib-grape-1: #faddfb;
+  --vd-fib-grape-2: #f2c2f4;
+  --vd-fib-grape-3: #e5a6e8;
+  --vd-fib-grape-4: #d389d7;
+  --vd-fib-grape-5: #bf6fc4;
+  --vd-fib-grape-6: #a758ac;
+  --vd-fib-grape-7: #88448d;
+  --vd-fib-grape-8: #67336a;
+  --vd-fib-grape-9: #472249;
+  --vd-fib-pink-0: #fff2f7;
+  --vd-fib-pink-1: #ffddeb;
+  --vd-fib-pink-2: #ffc0da;
+  --vd-fib-pink-3: #f9a1c7;
+  --vd-fib-pink-4: #e883b1;
+  --vd-fib-pink-5: #d5689c;
+  --vd-fib-pink-6: #bc5085;
+  --vd-fib-pink-7: #9a3c6b;
+  --vd-fib-pink-8: #742d50;
+  --vd-fib-pink-9: #501f37;
+  --vd-fib-golden-1: #008d93;
+  --vd-fib-golden-2: #b5509d;
+  --vd-fib-golden-3: #7a8400;
+  --vd-fib-golden-4: #227dd7;
+  --vd-fib-golden-5: #c94e3e;
+  --vd-fib-golden-6: #00926e;
+  --vd-fib-golden-7: #935fc7;
+  --vd-fib-golden-8: #9f7400;
+}