/* Custom Bootstrap 5.3 Button Colors */
/* Using CSS custom properties for consistency and easy maintenance */

/* Define 50 new color variables */
:root {
  --bs-coral: #ff6f61;
  --bs-coral-rgb: 255, 111, 97;
  --bs-amber: #ffc107;
  --bs-amber-rgb: 255, 193, 7;
  --bs-teal: #20c997;
  --bs-teal-rgb: 32, 201, 151;
  --bs-indigo: #6610f2;
  --bs-indigo-rgb: 102, 16, 242;
  --bs-plum: #8e4585;
  --bs-plum-rgb: 142, 69, 133;
  --bs-olive: #6b7280;
  --bs-olive-rgb: 107, 114, 128;
  --bs-sage: #a7b1a2;
  --bs-sage-rgb: 167, 177, 162;
  --bs-mustard: #ffdb58;
  --bs-mustard-rgb: 255, 219, 88;
  --bs-crimson: #dc3545;
  --bs-crimson-rgb: 220, 53, 69;
  --bs-turquoise: #40e0d0;
  --bs-turquoise-rgb: 64, 224, 208;
  --bs-lavender: #e6e6fa;
  --bs-lavender-rgb: 230, 230, 250;
  --bs-slate: #475569;
  --bs-slate-rgb: 71, 85, 105;
  --bs-rose: #ff69b4;
  --bs-rose-rgb: 255, 105, 180;
  --bs-emerald: #2ecc71;
  --bs-emerald-rgb: 46, 204, 113;
  --bs-tangerine: #f28c38;
  --bs-tangerine-rgb: 242, 140, 56;
  --bs-violet: #8a2be2;
  --bs-violet-rgb: 138, 43, 226;
  --bs-mint: #98ff98;
  --bs-mint-rgb: 152, 255, 152;
  --bs-saffron: #f4c430;
  --bs-saffron-rgb: 244, 196, 48;
  --bs-cobalt: #0047ab;
  --bs-cobalt-rgb: 0, 71, 171;
  --bs-orchid: #da70d6;
  --bs-orchid-rgb: 218, 112, 214;
  --bs-periwinkle: #ccccff;
  --bs-periwinkle-rgb: 204, 204, 255;
  --bs-umber: #635147;
  --bs-umber-rgb: 99, 81, 71;
  --bs-jade: #00a86b;
  --bs-jade-rgb: 0, 168, 107;
  --bs-maroon: #800000;
  --bs-maroon-rgb: 128, 0, 0;
  --bs-aqua: #00ffff;
  --bs-aqua-rgb: 0, 255, 255;
  --bs-bronze: #cd7f32;
  --bs-bronze-rgb: 205, 127, 50;
  --bs-lime: #32cd32;
  --bs-lime-rgb: 50, 205, 50;
  --bs-taupe: #483c32;
  --bs-taupe-rgb: 72, 60, 50;
  --bs-cerulean: #007ba7;
  --bs-cerulean-rgb: 0, 123, 167;
  --bs-salmon: #fa8072;
  --bs-salmon-rgb: 250, 128, 114;
  --bs-ivory: #fffff0;
  --bs-ivory-rgb: 255, 255, 240;
  --bs-charcoal: #36454f;
  --bs-charcoal-rgb: 54, 69, 79;
  --bs-peacock: #33a1c9;
  --bs-peacock-rgb: 51, 161, 201;
  --bs-amethyst: #9966cc;
  --bs-amethyst-rgb: 153, 102, 204;
  --bs-ochre: #cc7722;
  --bs-ochre-rgb: 204, 119, 34;
  --bs-vermilion: #e34234;
  --bs-vermilion-rgb: 227, 66, 52;
  --bs-moss: #8a9a5b;
  --bs-moss-rgb: 138, 154, 91;
  --bs-fuchsia: #ff00ff;
  --bs-fuchsia-rgb: 255, 0, 255;
  --bs-sienna: #882d17;
  --bs-sienna-rgb: 136, 45, 23;
  --bs-viridian: #40826d;
  --bs-viridian-rgb: 64, 130, 109;
  --bs-burgundy: #800020;
  --bs-burgundy-rgb: 128, 0, 32;
  --bs-gold: #ffd700;
  --bs-gold-rgb: 255, 215, 0;
  --bs-sepia: #704214;
  --bs-sepia-rgb: 112, 66, 20;
  --bs-sky: #87ceeb;
  --bs-sky-rgb: 135, 206, 235;
  --bs-pearl: #eae0c8;
  --bs-pearl-rgb: 234, 224, 200;
  --bs-rust: #b7410e;
  --bs-rust-rgb: 183, 65, 14;
  --bs-ebony: #555d50;
  --bs-ebony-rgb: 85, 93, 80;
  --bs-lilac: #c8a2c8;
  --bs-lilac-rgb: 200, 162, 200;
  --bs-copper: #b87333;
  --bs-copper-rgb: 184, 115, 51;
  --bs-onyx: #353839;
  --bs-onyx-rgb: 53, 56, 57;
  --bs-quartz: #e0e0e0;
  --bs-quartz-rgb: 224, 224, 224;
}

/* Button styles for each new color */
.btn-coral {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-coral);
  --bs-btn-border-color: var(--bs-coral);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e65a4f;
  --bs-btn-hover-border-color: #d9544a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #cc4e44;
  --bs-btn-active-border-color: #c04840;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-coral);
  --bs-btn-disabled-border-color: var(--bs-coral);
}

.btn-amber {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-amber);
  --bs-btn-border-color: var(--bs-amber);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e6a906;
  --bs-btn-hover-border-color: #d99e05;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #cc9205;
  --bs-btn-active-border-color: #bf8a04;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-amber);
  --bs-btn-disabled-border-color: var(--bs-amber);
}

.btn-teal {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-teal);
  --bs-btn-border-color: var(--bs-teal);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #1db588;
  --bs-btn-hover-border-color: #1aa77f;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #199a75;
  --bs-btn-active-border-color: #178e6c;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-teal);
  --bs-btn-disabled-border-color: var(--bs-teal);
}

.btn-indigo {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-indigo);
  --bs-btn-border-color: var(--bs-indigo);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5a0eda;
  --bs-btn-hover-border-color: #550dd1;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4f0cc8;
  --bs-btn-active-border-color: #4a0bbf;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-indigo);
  --bs-btn-disabled-border-color: var(--bs-indigo);
}

.btn-plum {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-plum);
  --bs-btn-border-color: var(--bs-plum);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7f3d78;
  --bs-btn-hover-border-color: #773a71;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6f3669;
  --bs-btn-active-border-color: #673262;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-plum);
  --bs-btn-disabled-border-color: var(--bs-plum);
}

.btn-olive {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-olive);
  --bs-btn-border-color: var(--bs-olive);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #606672;
  --bs-btn-hover-border-color: #5b616c;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565c66;
  --bs-btn-active-border-color: #515761;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-olive);
  --bs-btn-disabled-border-color: var(--bs-olive);
}

.btn-sage {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-sage);
  --bs-btn-border-color: var(--bs-sage);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #99a393;
  --bs-btn-hover-border-color: #929c8c;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #8a9484;
  --bs-btn-active-border-color: #838d7e;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-sage);
  --bs-btn-disabled-border-color: var(--bs-sage);
}

.btn-mustard {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-mustard);
  --bs-btn-border-color: var(--bs-mustard);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e6c44f;
  --bs-btn-hover-border-color: #d9ba4a;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ccb045;
  --bs-btn-active-border-color: #bfa640;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-mustard);
  --bs-btn-disabled-border-color: var(--bs-mustard);
}

.btn-crimson {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-crimson);
  --bs-btn-border-color: var(--bs-crimson);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c62f3e;
  --bs-btn-hover-border-color: #ba2c3a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ae2936;
  --bs-btn-active-border-color: #a32633;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-crimson);
  --bs-btn-disabled-border-color: var(--bs-crimson);
}

.btn-turquoise {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-turquoise);
  --bs-btn-border-color: var(--bs-turquoise);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #39ccbb;
  --bs-btn-hover-border-color: #35c0b2;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #31b4a8;
  --bs-btn-active-border-color: #2ea89f;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-turquoise);
  --bs-btn-disabled-border-color: var(--bs-turquoise);
}

.btn-lavender {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-lavender);
  --bs-btn-border-color: var(--bs-lavender);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d1d1e0;
  --bs-btn-hover-border-color: #c9c9d9;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c1c1d2;
  --bs-btn-active-border-color: #babacb;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-lavender);
  --bs-btn-disabled-border-color: var(--bs-lavender);
}

.btn-slate {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-slate);
  --bs-btn-border-color: var(--bs-slate);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #404d5f;
  --bs-btn-hover-border-color: #3c495a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #384554;
  --bs-btn-active-border-color: #34414f;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-slate);
  --bs-btn-disabled-border-color: var(--bs-slate);
}

.btn-rose {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-rose);
  --bs-btn-border-color: var(--bs-rose);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e660a3;
  --bs-btn-hover-border-color: #d95c9b;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #cc5693;
  --bs-btn-active-border-color: #bf518b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-rose);
  --bs-btn-disabled-border-color: var(--bs-rose);
}

.btn-emerald {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-emerald);
  --bs-btn-border-color: var(--bs-emerald);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #29b865;
  --bs-btn-hover-border-color: #27ac60;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #24a05b;
  --bs-btn-active-border-color: #229456;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-emerald);
  --bs-btn-disabled-border-color: var(--bs-emerald);
}

.btn-tangerine {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-tangerine);
  --bs-btn-border-color: var(--bs-tangerine);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #db7e32;
  --bs-btn-hover-border-color: #ce762f;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c26e2c;
  --bs-btn-active-border-color: #b66629;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-tangerine);
  --bs-btn-disabled-border-color: var(--bs-tangerine);
}

.btn-violet {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-violet);
  --bs-btn-border-color: var(--bs-violet);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7c27cc;
  --bs-btn-hover-border-color: #7524c2;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6e22b8;
  --bs-btn-active-border-color: #671fae;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-violet);
  --bs-btn-disabled-border-color: var(--bs-violet);
}

.btn-mint {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-mint);
  --bs-btn-border-color: var(--bs-mint);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #8ae68a;
  --bs-btn-hover-border-color: #82dd82;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #7ad47a;
  --bs-btn-active-border-color: #72cb72;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-mint);
  --bs-btn-disabled-border-color: var(--bs-mint);
}

.btn-saffron {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-saffron);
  --bs-btn-border-color: var(--bs-saffron);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dcad2b;
  --bs-btn-hover-border-color: #cfa429;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c39b26;
  --bs-btn-active-border-color: #b69124;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-saffron);
  --bs-btn-disabled-border-color: var(--bs-saffron);
}

.btn-cobalt {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-cobalt);
  --bs-btn-border-color: var(--bs-cobalt);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #004099;
  --bs-btn-hover-border-color: #003c8f;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003885;
  --bs-btn-active-border-color: #00347c;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-cobalt);
  --bs-btn-disabled-border-color: var(--bs-cobalt);
}

.btn-orchid {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-orchid);
  --bs-btn-border-color: var(--bs-orchid);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c464c0;
  --bs-btn-hover-border-color: #bb5eb7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #b258af;
  --bs-btn-active-border-color: #a952a6;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-orchid);
  --bs-btn-disabled-border-color: var(--bs-orchid);
}

.btn-periwinkle {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-periwinkle);
  --bs-btn-border-color: var(--bs-periwinkle);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b8b8e6;
  --bs-btn-hover-border-color: #b0b0df;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #a8a8d8;
  --bs-btn-active-border-color: #a0a0d1;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-periwinkle);
  --bs-btn-disabled-border-color: var(--bs-periwinkle);
}

.btn-umber {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-umber);
  --bs-btn-border-color: var(--bs-umber);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5a483f;
  --bs-btn-hover-border-color: #55453c;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #504239;
  --bs-btn-active-border-color: #4b3f36;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-umber);
  --bs-btn-disabled-border-color: var(--bs-umber);
}

.btn-jade {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-jade);
  --bs-btn-border-color: var(--bs-jade);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #009660;
  --bs-btn-hover-border-color: #008d5b;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #008456;
  --bs-btn-active-border-color: #007c51;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-jade);
  --bs-btn-disabled-border-color: var(--bs-jade);
}

.btn-maroon {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-maroon);
  --bs-btn-border-color: var(--bs-maroon);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #730000;
  --bs-btn-hover-border-color: #6b0000;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #640000;
  --bs-btn-active-border-color: #5c0000;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-maroon);
  --bs-btn-disabled-border-color: var(--bs-maroon);
}

.btn-aqua {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-aqua);
  --bs-btn-border-color: var(--bs-aqua);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #00e6e6;
  --bs-btn-hover-border-color: #00d9d9;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #00cccc;
  --bs-btn-active-border-color: #00bfbf;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-aqua);
  --bs-btn-disabled-border-color: var(--bs-aqua);
}

.btn-bronze {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-bronze);
  --bs-btn-border-color: var(--bs-bronze);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b9722d;
  --bs-btn-hover-border-color: #ae6c2a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a46627;
  --bs-btn-active-border-color: #9a6024;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-bronze);
  --bs-btn-disabled-border-color: var(--bs-bronze);
}

.btn-lime {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-lime);
  --bs-btn-border-color: var(--bs-lime);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #2db82d;
  --bs-btn-hover-border-color: #2aac2a;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #27a027;
  --bs-btn-active-border-color: #249424;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-lime);
  --bs-btn-disabled-border-color: var(--bs-lime);
}

.btn-taupe {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-taupe);
  --bs-btn-border-color: var(--bs-taupe);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #41382d;
  --bs-btn-hover-border-color: #3d352a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3a3227;
  --bs-btn-active-border-color: #362f25;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-taupe);
  --bs-btn-disabled-border-color: var(--bs-taupe);
}

.btn-cerulean {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-cerulean);
  --bs-btn-border-color: var(--bs-cerulean);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #006f95;
  --bs-btn-hover-border-color: #00688d;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #006184;
  --bs-btn-active-border-color: #005a7c;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-cerulean);
  --bs-btn-disabled-border-color: var(--bs-cerulean);
}

.btn-salmon {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-salmon);
  --bs-btn-border-color: var(--bs-salmon);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e17367;
  --bs-btn-hover-border-color: #d46c61;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c7655b;
  --bs-btn-active-border-color: #ba5e55;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-salmon);
  --bs-btn-disabled-border-color: var(--bs-salmon);
}

.btn-ivory {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-ivory);
  --bs-btn-border-color: var(--bs-ivory);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e6e6db;
  --bs-btn-hover-border-color: #d9d9cf;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ccccbf;
  --bs-btn-active-border-color: #bfbfb3;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-ivory);
  --bs-btn-disabled-border-color: var(--bs-ivory);
}

.btn-charcoal {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-charcoal);
  --bs-btn-border-color: var(--bs-charcoal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #313e47;
  --bs-btn-hover-border-color: #2e3a43;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b363f;
  --bs-btn-active-border-color: #28323b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-charcoal);
  --bs-btn-disabled-border-color: var(--bs-charcoal);
}

.btn-peacock {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-peacock);
  --bs-btn-border-color: var(--bs-peacock);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2e91b5;
  --bs-btn-hover-border-color: #2b8aac;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2883a3;
  --bs-btn-active-border-color: #257b9a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-peacock);
  --bs-btn-disabled-border-color: var(--bs-peacock);
}

.btn-amethyst {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-amethyst);
  --bs-btn-border-color: var(--bs-amethyst);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8a5cb8;
  --bs-btn-hover-border-color: #8256ae;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7a50a5;
  --bs-btn-active-border-color: #724a9b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-amethyst);
  --bs-btn-disabled-border-color: var(--bs-amethyst);
}

.btn-ochre {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-ochre);
  --bs-btn-border-color: var(--bs-ochre);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b86b1f;
  --bs-btn-hover-border-color: #ae651d;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a45f1b;
  --bs-btn-active-border-color: #9a5919;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-ochre);
  --bs-btn-disabled-border-color: var(--bs-ochre);
}

.btn-vermilion {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-vermilion);
  --bs-btn-border-color: var(--bs-vermilion);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #cc3c2f;
  --bs-btn-hover-border-color: #c1392c;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b6352a;
  --bs-btn-active-border-color: #ab3227;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-vermilion);
  --bs-btn-disabled-border-color: var(--bs-vermilion);
}

.btn-moss {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-moss);
  --bs-btn-border-color: var(--bs-moss);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #7d8b52;
  --bs-btn-hover-border-color: #76834e;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #6f7b4a;
  --bs-btn-active-border-color: #687346;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-moss);
  --bs-btn-disabled-border-color: var(--bs-moss);
}

.btn-fuchsia {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-fuchsia);
  --bs-btn-border-color: var(--bs-fuchsia);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e600e6;
  --bs-btn-hover-border-color: #d900d9;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #cc00cc;
  --bs-btn-active-border-color: #bf00bf;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-fuchsia);
  --bs-btn-disabled-border-color: var(--bs-fuchsia);
}

.btn-sienna {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-sienna);
  --bs-btn-border-color: var(--bs-sienna);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7a2815;
  --bs-btn-hover-border-color: #722614;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6a2413;
  --bs-btn-active-border-color: #622212;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-sienna);
  --bs-btn-disabled-border-color: var(--bs-sienna);
}

.btn-viridian {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-viridian);
  --bs-btn-border-color: var(--bs-viridian);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3a7562;
  --bs-btn-hover-border-color: #376e5d;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #346757;
  --bs-btn-active-border-color: #316052;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-viridian);
  --bs-btn-disabled-border-color: var(--bs-viridian);
}

.btn-burgundy {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-burgundy);
  --bs-btn-border-color: var(--bs-burgundy);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #73001d;
  --bs-btn-hover-border-color: #6b001b;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #640019;
  --bs-btn-active-border-color: #5c0017;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-burgundy);
  --bs-btn-disabled-border-color: var(--bs-burgundy);
}

.btn-gold {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-gold);
  --bs-btn-border-color: var(--bs-gold);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e6c200;
  --bs-btn-hover-border-color: #d9b800;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ccad00;
  --bs-btn-active-border-color: #bfa300;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-gold);
  --bs-btn-disabled-border-color: var(--bs-gold);
}

.btn-sepia {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-sepia);
  --bs-btn-border-color: var(--bs-sepia);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #653c12;
  --bs-btn-hover-border-color: #5e3811;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #573410;
  --bs-btn-active-border-color: #51300f;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-sepia);
  --bs-btn-disabled-border-color: var(--bs-sepia);
}

.btn-sky {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-sky);
  --bs-btn-border-color: var(--bs-sky);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #7ab8d4;
  --bs-btn-hover-border-color: #73b0cd;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #6ca8c6;
  --bs-btn-active-border-color: #65a0bf;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-sky);
  --bs-btn-disabled-border-color: var(--bs-sky);
}

.btn-pearl {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-pearl);
  --bs-btn-border-color: var(--bs-pearl);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3ccb5;
  --bs-btn-hover-border-color: #cbc4ad;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c3bca5;
  --bs-btn-active-border-color: #bbb49d;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-pearl);
  --bs-btn-disabled-border-color: var(--bs-pearl);
}

.btn-rust {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-rust);
  --bs-btn-border-color: var(--bs-rust);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a53b0d;
  --bs-btn-hover-border-color: #9c370c;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #92340b;
  --bs-btn-active-border-color: #89310a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-rust);
  --bs-btn-disabled-border-color: var(--bs-rust);
}

.btn-ebony {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-ebony);
  --bs-btn-border-color: var(--bs-ebony);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4c5448;
  --bs-btn-hover-border-color: #484f45;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #444a41;
  --bs-btn-active-border-color: #40463e;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-ebony);
  --bs-btn-disabled-border-color: var(--bs-ebony);
}

.btn-lilac {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-lilac);
  --bs-btn-border-color: var(--bs-lilac);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b592b5;
  --bs-btn-hover-border-color: #ad8bae;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #a584a7;
  --bs-btn-active-border-color: #9d7ca0;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-lilac);
  --bs-btn-disabled-border-color: var(--bs-lilac);
}

.btn-copper {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-copper);
  --bs-btn-border-color: var(--bs-copper);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a5682e;
  --bs-btn-hover-border-color: #9c632b;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #925e29;
  --bs-btn-active-border-color: #895826;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-copper);
  --bs-btn-disabled-border-color: var(--bs-copper);
}

.btn-onyx {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-onyx);
  --bs-btn-border-color: var(--bs-onyx);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2f3233;
  --bs-btn-hover-border-color: #2c2f30;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #292c2e;
  --bs-btn-active-border-color: #26292b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-onyx);
  --bs-btn-disabled-border-color: var(--bs-onyx);
}

.btn-quartz {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-quartz);
  --bs-btn-border-color: var(--bs-quartz);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #cbcbcb;
  --bs-btn-hover-border-color: #c3c3c3;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bcbcbc;
  --bs-btn-active-border-color: #b4b4b4;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-quartz);
  --bs-btn-disabled-border-color: var(--bs-quartz);
}

/* Outline button variants */
.btn-outline-coral {
  --bs-btn-color: var(--bs-coral);
  --bs-btn-border-color: var(--bs-coral);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-coral);
  --bs-btn-hover-border-color: var(--bs-coral);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-coral);
  --bs-btn-active-border-color: var(--bs-coral);
  --bs-btn-disabled-color: var(--bs-coral);
  --bs-btn-disabled-border-color: var(--bs-coral);
}

.btn-outline-amber {
  --bs-btn-color: var(--bs-amber);
  --bs-btn-border-color: var(--bs-amber);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-amber);
  --bs-btn-hover-border-color: var(--bs-amber);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-amber);
  --bs-btn-active-border-color: var(--bs-amber);
  --bs-btn-disabled-color: var(--bs-amber);
  --bs-btn-disabled-border-color: var(--bs-amber);
}

.btn-outline-teal {
  --bs-btn-color: var(--bs-teal);
  --bs-btn-border-color: var(--bs-teal);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-teal);
  --bs-btn-hover-border-color: var(--bs-teal);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-teal);
  --bs-btn-active-border-color: var(--bs-teal);
  --bs-btn-disabled-color: var(--bs-teal);
  --bs-btn-disabled-border-color: var(--bs-teal);
}

.btn-outline-indigo {
  --bs-btn-color: var(--bs-indigo);
  --bs-btn-border-color: var(--bs-indigo);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-indigo);
  --bs-btn-hover-border-color: var(--bs-indigo);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-indigo);
  --bs-btn-active-border-color: var(--bs-indigo);
  --bs-btn-disabled-color: var(--bs-indigo);
  --bs-btn-disabled-border-color: var(--bs-indigo);
}

.btn-outline-plum {
  --bs-btn-color: var(--bs-plum);
  --bs-btn-border-color: var(--bs-plum);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-plum);
  --bs-btn-hover-border-color: var(--bs-plum);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-plum);
  --bs-btn-active-border-color: var(--bs-plum);
  --bs-btn-disabled-color: var(--bs-plum);
  --bs-btn-disabled-border-color: var(--bs-plum);
}

.btn-outline-olive {
  --bs-btn-color: var(--bs-olive);
  --bs-btn-border-color: var(--bs-olive);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-olive);
  --bs-btn-hover-border-color: var(--bs-olive);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-olive);
  --bs-btn-active-border-color: var(--bs-olive);
  --bs-btn-disabled-color: var(--bs-olive);
  --bs-btn-disabled-border-color: var(--bs-olive);
}

.btn-outline-sage {
  --bs-btn-color: var(--bs-sage);
  --bs-btn-border-color: var(--bs-sage);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-sage);
  --bs-btn-hover-border-color: var(--bs-sage);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-sage);
  --bs-btn-active-border-color: var(--bs-sage);
  --bs-btn-disabled-color: var(--bs-sage);
  --bs-btn-disabled-border-color: var(--bs-sage);
}

.btn-outline-mustard {
  --bs-btn-color: var(--bs-mustard);
  --bs-btn-border-color: var(--bs-mustard);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-mustard);
  --bs-btn-hover-border-color: var(--bs-mustard);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-mustard);
  --bs-btn-active-border-color: var(--bs-mustard);
  --bs-btn-disabled-color: var(--bs-mustard);
  --bs-btn-disabled-border-color: var(--bs-mustard);
}

.btn-outline-crimson {
  --bs-btn-color: var(--bs-crimson);
  --bs-btn-border-color: var(--bs-crimson);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-crimson);
  --bs-btn-hover-border-color: var(--bs-crimson);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-crimson);
  --bs-btn-active-border-color: var(--bs-crimson);
  --bs-btn-disabled-color: var(--bs-crimson);
  --bs-btn-disabled-border-color: var(--bs-crimson);
}

.btn-outline-turquoise {
  --bs-btn-color: var(--bs-turquoise);
  --bs-btn-border-color: var(--bs-turquoise);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-turquoise);
  --bs-btn-hover-border-color: var(--bs-turquoise);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-turquoise);
  --bs-btn-active-border-color: var(--bs-turquoise);
  --bs-btn-disabled-color: var(--bs-turquoise);
  --bs-btn-disabled-border-color: var(--bs-turquoise);
}

.btn-outline-lavender {
  --bs-btn-color: var(--bs-lavender);
  --bs-btn-border-color: var(--bs-lavender);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-lavender);
  --bs-btn-hover-border-color: var(--bs-lavender);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-lavender);
  --bs-btn-active-border-color: var(--bs-lavender);
  --bs-btn-disabled-color: var(--bs-lavender);
  --bs-btn-disabled-border-color: var(--bs-lavender);
}

.btn-outline-slate {
  --bs-btn-color: var(--bs-slate);
  --bs-btn-border-color: var(--bs-slate);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-slate);
  --bs-btn-hover-border-color: var(--bs-slate);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-slate);
  --bs-btn-active-border-color: var(--bs-slate);
  --bs-btn-disabled-color: var(--bs-slate);
  --bs-btn-disabled-border-color: var(--bs-slate);
}

.btn-outline-rose {
  --bs-btn-color: var(--bs-rose);
  --bs-btn-border-color: var(--bs-rose);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-rose);
  --bs-btn-hover-border-color: var(--bs-rose);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-rose);
  --bs-btn-active-border-color: var(--bs-rose);
  --bs-btn-disabled-color: var(--bs-rose);
  --bs-btn-disabled-border-color: var(--bs-rose);
}

.btn-outline-emerald {
  --bs-btn-color: var(--bs-emerald);
  --bs-btn-border-color: var(--bs-emerald);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-emerald);
  --bs-btn-hover-border-color: var(--bs-emerald);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-emerald);
  --bs-btn-active-border-color: var(--bs-emerald);
  --bs-btn-disabled-color: var(--bs-emerald);
  --bs-btn-disabled-border-color: var(--bs-emerald);
}

.btn-outline-tangerine {
  --bs-btn-color: var(--bs-tangerine);
  --bs-btn-border-color: var(--bs-tangerine);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-tangerine);
  --bs-btn-hover-border-color: var(--bs-tangerine);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-tangerine);
  --bs-btn-active-border-color: var(--bs-tangerine);
  --bs-btn-disabled-color: var(--bs-tangerine);
  --bs-btn-disabled-border-color: var(--bs-tangerine);
}

.btn-outline-violet {
  --bs-btn-color: var(--bs-violet);
  --bs-btn-border-color: var(--bs-violet);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-violet);
  --bs-btn-hover-border-color: var(--bs-violet);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-violet);
  --bs-btn-active-border-color: var(--bs-violet);
  --bs-btn-disabled-color: var(--bs-violet);
  --bs-btn-disabled-border-color: var(--bs-violet);
}

.btn-outline-mint {
  --bs-btn-color: var(--bs-mint);
  --bs-btn-border-color: var(--bs-mint);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-mint);
  --bs-btn-hover-border-color: var(--bs-mint);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-mint);
  --bs-btn-active-border-color: var(--bs-mint);
  --bs-btn-disabled-color: var(--bs-mint);
  --bs-btn-disabled-border-color: var(--bs-mint);
}

.btn-outline-saffron {
  --bs-btn-color: var(--bs-saffron);
  --bs-btn-border-color: var(--bs-saffron);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-saffron);
  --bs-btn-hover-border-color: var(--bs-saffron);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-saffron);
  --bs-btn-active-border-color: var(--bs-saffron);
  --bs-btn-disabled-color: var(--bs-saffron);
  --bs-btn-disabled-border-color: var(--bs-saffron);
}

.btn-outline-cobalt {
  --bs-btn-color: var(--bs-cobalt);
  --bs-btn-border-color: var(--bs-cobalt);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-cobalt);
  --bs-btn-hover-border-color: var(--bs-cobalt);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-cobalt);
  --bs-btn-active-border-color: var(--bs-cobalt);
  --bs-btn-disabled-color: var(--bs-cobalt);
  --bs-btn-disabled-border-color: var(--bs-cobalt);
}

.btn-outline-orchid {
  --bs-btn-color: var(--bs-orchid);
  --bs-btn-border-color: var(--bs-orchid);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-orchid);
  --bs-btn-hover-border-color: var(--bs-orchid);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-orchid);
  --bs-btn-active-border-color: var(--bs-orchid);
  --bs-btn-disabled-color: var(--bs-orchid);
  --bs-btn-disabled-border-color: var(--bs-orchid);
}

.btn-outline-periwinkle {
  --bs-btn-color: var(--bs-periwinkle);
  --bs-btn-border-color: var(--bs-periwinkle);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-periwinkle);
  --bs-btn-hover-border-color: var(--bs-periwinkle);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-periwinkle);
  --bs-btn-active-border-color: var(--bs-periwinkle);
  --bs-btn-disabled-color: var(--bs-periwinkle);
  --bs-btn-disabled-border-color: var(--bs-periwinkle);
}

.btn-outline-umber {
  --bs-btn-color: var(--bs-umber);
  --bs-btn-border-color: var(--bs-umber);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-umber);
  --bs-btn-hover-border-color: var(--bs-umber);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-umber);
  --bs-btn-active-border-color: var(--bs-umber);
  --bs-btn-disabled-color: var(--bs-umber);
  --bs-btn-disabled-border-color: var(--bs-umber);
}

.btn-outline-jade {
  --bs-btn-color: var(--bs-jade);
  --bs-btn-border-color: var(--bs-jade);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-jade);
  --bs-btn-hover-border-color: var(--bs-jade);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-jade);
  --bs-btn-active-border-color: var(--bs-jade);
  --bs-btn-disabled-color: var(--bs-jade);
  --bs-btn-disabled-border-color: var(--bs-jade);
}

.btn-outline-maroon {
  --bs-btn-color: var(--bs-maroon);
  --bs-btn-border-color: var(--bs-maroon);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-maroon);
  --bs-btn-hover-border-color: var(--bs-maroon);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-maroon);
  --bs-btn-active-border-color: var(--bs-maroon);
  --bs-btn-disabled-color: var(--bs-maroon);
  --bs-btn-disabled-border-color: var(--bs-maroon);
}

.btn-outline-aqua {
  --bs-btn-color: var(--bs-aqua);
  --bs-btn-border-color: var(--bs-aqua);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-aqua);
  --bs-btn-hover-border-color: var(--bs-aqua);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-aqua);
  --bs-btn-active-border-color: var(--bs-aqua);
  --bs-btn-disabled-color: var(--bs-aqua);
  --bs-btn-disabled-border-color: var(--bs-aqua);
}

.btn-outline-bronze {
  --bs-btn-color: var(--bs-bronze);
  --bs-btn-border-color: var(--bs-bronze);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-bronze);
  --bs-btn-hover-border-color: var(--bs-bronze);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-bronze);
  --bs-btn-active-border-color: var(--bs-bronze);
  --bs-btn-disabled-color: var(--bs-bronze);
  --bs-btn-disabled-border-color: var(--bs-bronze);
}

.btn-outline-lime {
  --bs-btn-color: var(--bs-lime);
  --bs-btn-border-color: var(--bs-lime);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-lime);
  --bs-btn-hover-border-color: var(--bs-lime);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-lime);
  --bs-btn-active-border-color: var(--bs-lime);
  --bs-btn-disabled-color: var(--bs-lime);
  --bs-btn-disabled-border-color: var(--bs-lime);
}

.btn-outline-taupe {
  --bs-btn-color: var(--bs-taupe);
  --bs-btn-border-color: var(--bs-taupe);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-taupe);
  --bs-btn-hover-border-color: var(--bs-taupe);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-taupe);
  --bs-btn-active-border-color: var(--bs-taupe);
  --bs-btn-disabled-color: var(--bs-taupe);
  --bs-btn-disabled-border-color: var(--bs-taupe);
}

.btn-outline-cerulean {
  --bs-btn-color: var(--bs-cerulean);
  --bs-btn-border-color: var(--bs-cerulean);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-cerulean);
  --bs-btn-hover-border-color: var(--bs-cerulean);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-cerulean);
  --bs-btn-active-border-color: var(--bs-cerulean);
  --bs-btn-disabled-color: var(--bs-cerulean);
  --bs-btn-disabled-border-color: var(--bs-cerulean);
}

.btn-outline-salmon {
  --bs-btn-color: var(--bs-salmon);
  --bs-btn-border-color: var(--bs-salmon);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-salmon);
  --bs-btn-hover-border-color: var(--bs-salmon);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-salmon);
  --bs-btn-active-border-color: var(--bs-salmon);
  --bs-btn-disabled-color: var(--bs-salmon);
  --bs-btn-disabled-border-color: var(--bs-salmon);
}

.btn-outline-ivory {
  --bs-btn-color: var(--bs-ivory);
  --bs-btn-border-color: var(--bs-ivory);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-ivory);
  --bs-btn-hover-border-color: var(--bs-ivory);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-ivory);
  --bs-btn-active-border-color: var(--bs-ivory);
  --bs-btn-disabled-color: var(--bs-ivory);
  --bs-btn-disabled-border-color: var(--bs-ivory);
}

.btn-outline-charcoal {
  --bs-btn-color: var(--bs-charcoal);
  --bs-btn-border-color: var(--bs-charcoal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-charcoal);
  --bs-btn-hover-border-color: var(--bs-charcoal);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-charcoal);
  --bs-btn-active-border-color: var(--bs-charcoal);
  --bs-btn-disabled-color: var(--bs-charcoal);
  --bs-btn-disabled-border-color: var(--bs-charcoal);
}

.btn-outline-peacock {
  --bs-btn-color: var(--bs-peacock);
  --bs-btn-border-color: var(--bs-peacock);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-peacock);
  --bs-btn-hover-border-color: var(--bs-peacock);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-peacock);
  --bs-btn-active-border-color: var(--bs-peacock);
  --bs-btn-disabled-color: var(--bs-peacock);
  --bs-btn-disabled-border-color: var(--bs-peacock);
}

.btn-outline-amethyst {
  --bs-btn-color: var(--bs-amethyst);
  --bs-btn-border-color: var(--bs-amethyst);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-amethyst);
  --bs-btn-hover-border-color: var(--bs-amethyst);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-amethyst);
  --bs-btn-active-border-color: var(--bs-amethyst);
  --bs-btn-disabled-color: var(--bs-amethyst);
  --bs-btn-disabled-border-color: var(--bs-amethyst);
}

.btn-outline-ochre {
  --bs-btn-color: var(--bs-ochre);
  --bs-btn-border-color: var(--bs-ochre);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-ochre);
  --bs-btn-hover-border-color: var(--bs-ochre);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-ochre);
  --bs-btn-active-border-color: var(--bs-ochre);
  --bs-btn-disabled-color: var(--bs-ochre);
  --bs-btn-disabled-border-color: var(--bs-ochre);
}

.btn-outline-vermilion {
  --bs-btn-color: var(--bs-vermilion);
  --bs-btn-border-color: var(--bs-vermilion);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-vermilion);
  --bs-btn-hover-border-color: var(--bs-vermilion);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-vermilion);
  --bs-btn-active-border-color: var(--bs-vermilion);
  --bs-btn-disabled-color: var(--bs-vermilion);
  --bs-btn-disabled-border-color: var(--bs-vermilion);
}

.btn-outline-moss {
  --bs-btn-color: var(--bs-moss);
  --bs-btn-border-color: var(--bs-moss);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-moss);
  --bs-btn-hover-border-color: var(--bs-moss);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-moss);
  --bs-btn-active-border-color: var(--bs-moss);
  --bs-btn-disabled-color: var(--bs-moss);
  --bs-btn-disabled-border-color: var(--bs-moss);
}

.btn-outline-fuchsia {
  --bs-btn-color: var(--bs-fuchsia);
  --bs-btn-border-color: var(--bs-fuchsia);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-fuchsia);
  --bs-btn-hover-border-color: var(--bs-fuchsia);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-fuchsia);
  --bs-btn-active-border-color: var(--bs-fuchsia);
  --bs-btn-disabled-color: var(--bs-fuchsia);
  --bs-btn-disabled-border-color: var(--bs-fuchsia);
}

.btn-outline-sienna {
  --bs-btn-color: var(--bs-sienna);
  --bs-btn-border-color: var(--bs-sienna);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-sienna);
  --bs-btn-hover-border-color: var(--bs-sienna);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-sienna);
  --bs-btn-active-border-color: var(--bs-sienna);
  --bs-btn-disabled-color: var(--bs-sienna);
  --bs-btn-disabled-border-color: var(--bs-sienna);
}

.btn-outline-viridian {
  --bs-btn-color: var(--bs-viridian);
  --bs-btn-border-color: var(--bs-viridian);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-viridian);
  --bs-btn-hover-border-color: var(--bs-viridian);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-viridian);
  --bs-btn-active-border-color: var(--bs-viridian);
  --bs-btn-disabled-color: var(--bs-viridian);
  --bs-btn-disabled-border-color: var(--bs-viridian);
}

.btn-outline-burgundy {
  --bs-btn-color: var(--bs-burgundy);
  --bs-btn-border-color: var(--bs-burgundy);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-burgundy);
  --bs-btn-hover-border-color: var(--bs-burgundy);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-burgundy);
  --bs-btn-active-border-color: var(--bs-burgundy);
  --bs-btn-disabled-color: var(--bs-burgundy);
  --bs-btn-disabled-border-color: var(--bs-burgundy);
}

.btn-outline-gold {
  --bs-btn-color: var(--bs-gold);
  --bs-btn-border-color: var(--bs-gold);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-gold);
  --bs-btn-hover-border-color: var(--bs-gold);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-gold);
  --bs-btn-active-border-color: var(--bs-gold);
  --bs-btn-disabled-color: var(--bs-gold);
  --bs-btn-disabled-border-color: var(--bs-gold);
}

.btn-outline-sepia {
  --bs-btn-color: var(--bs-sepia);
  --bs-btn-border-color: var(--bs-sepia);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-sepia);
  --bs-btn-hover-border-color: var(--bs-sepia);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-sepia);
  --bs-btn-active-border-color: var(--bs-sepia);
  --bs-btn-disabled-color: var(--bs-sepia);
  --bs-btn-disabled-border-color: var(--bs-sepia);
}

.btn-outline-sky {
  --bs-btn-color: var(--bs-sky);
  --bs-btn-border-color: var(--bs-sky);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-sky);
  --bs-btn-hover-border-color: var(--bs-sky);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-sky);
  --bs-btn-active-border-color: var(--bs-sky);
  --bs-btn-disabled-color: var(--bs-sky);
  --bs-btn-disabled-border-color: var(--bs-sky);
}

.btn-outline-pearl {
  --bs-btn-color: var(--bs-pearl);
  --bs-btn-border-color: var(--bs-pearl);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-pearl);
  --bs-btn-hover-border-color: var(--bs-pearl);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-pearl);
  --bs-btn-active-border-color: var(--bs-pearl);
  --bs-btn-disabled-color: var(--bs-pearl);
  --bs-btn-disabled-border-color: var(--bs-pearl);
}

.btn-outline-rust {
  --bs-btn-color: var(--bs-rust);
  --bs-btn-border-color: var(--bs-rust);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-rust);
  --bs-btn-hover-border-color: var(--bs-rust);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-rust);
  --bs-btn-active-border-color: var(--bs-rust);
  --bs-btn-disabled-color: var(--bs-rust);
  --bs-btn-disabled-border-color: var(--bs-rust);
}

.btn-outline-ebony {
  --bs-btn-color: var(--bs-ebony);
  --bs-btn-border-color: var(--bs-ebony);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-ebony);
  --bs-btn-hover-border-color: var(--bs-ebony);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-ebony);
  --bs-btn-active-border-color: var(--bs-ebony);
  --bs-btn-disabled-color: var(--bs-ebony);
  --bs-btn-disabled-border-color: var(--bs-ebony);
}

.btn-outline-lilac {
  --bs-btn-color: var(--bs-lilac);
  --bs-btn-border-color: var(--bs-lilac);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-lilac);
  --bs-btn-hover-border-color: var(--bs-lilac);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-lilac);
  --bs-btn-active-border-color: var(--bs-lilac);
  --bs-btn-disabled-color: var(--bs-lilac);
  --bs-btn-disabled-border-color: var(--bs-lilac);
}

.btn-outline-copper {
  --bs-btn-color: var(--bs-copper);
  --bs-btn-border-color: var(--bs-copper);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-copper);
  --bs-btn-hover-border-color: var(--bs-copper);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-copper);
  --bs-btn-active-border-color: var(--bs-copper);
  --bs-btn-disabled-color: var(--bs-copper);
  --bs-btn-disabled-border-color: var(--bs-copper);
}

.btn-outline-onyx {
  --bs-btn-color: var(--bs-onyx);
  --bs-btn-border-color: var(--bs-onyx);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-onyx);
  --bs-btn-hover-border-color: var(--bs-onyx);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-onyx);
  --bs-btn-active-border-color: var(--bs-onyx);
  --bs-btn-disabled-color: var(--bs-onyx);
  --bs-btn-disabled-border-color: var(--bs-onyx);
}

.btn-outline-quartz {
  --bs-btn-color: var(--bs-quartz);
  --bs-btn-border-color: var(--bs-quartz);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-quartz);
  --bs-btn-hover-border-color: var(--bs-quartz);
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--bs-quartz);
  --bs-btn-active-border-color: var(--bs-quartz);
  --bs-btn-disabled-color: var(--bs-quartz);
  --bs-btn-disabled-border-color: var(--bs-quartz);
}