:root {
    --cui-main-font: Inter, sans-serif;
    --cui-nunito-italic-font: Nunito_Italic, Inter, sans-serif;

    --cui-soft-black: #141413;

    --cui-soft-gray-0: #ffffff;
    --cui-soft-gray-10: #f9fafb;
    --cui-soft-gray-50: #eff0f2;
    --cui-soft-gray-100: #e9ebee;
    --cui-soft-gray-200: #dcdee3;
    --cui-soft-gray-300: #aeb2bc;
    --cui-soft-gray-400: #7f8493;
    --cui-soft-gray-500: #595e6a;
    --cui-soft-gray-600: #474b55;
    --cui-soft-gray-700: #363840;
    --cui-soft-gray-800: #24262b;
    --cui-soft-gray-900: #121315;

    --cui-soft-slate-10: #f6fbff;
    --cui-soft-slate-50: #e4ecf3;
    --cui-soft-slate-100: #d3dde8;
    --cui-soft-slate-200: #c5d1de;
    --cui-soft-slate-300: #adbac7;
    --cui-soft-slate-400: #717e8b;
    --cui-soft-slate-500: #444c56;
    --cui-soft-slate-600: #373e47;
    --cui-soft-slate-700: #2d333b;
    --cui-soft-slate-800: #22272e;
    --cui-soft-slate-900: #1c2128;

    --cui-soft-cyan-100: #e9f1f1;
    --cui-soft-cyan-200: #d5e7e6;
    --cui-soft-cyan-300: #b9dad8;
    --cui-soft-cyan-400: #99ccc9;
    --cui-soft-cyan-500: #81c0bc;
    --cui-soft-cyan-600: #67b4af;
    --cui-soft-cyan-700: #509d98;
    --cui-soft-cyan-800: #417b77;
    --cui-soft-cyan-900: #345d5a;

    --cui-soft-light-green-50: #f6f9f3;
    --cui-soft-light-green-100: #edf2e8;
    --cui-soft-light-green-200: #ddead1;
    --cui-soft-light-green-300: #c8dfb4;
    --cui-soft-light-green-400: #b1d590;
    --cui-soft-light-green-500: #9ecb77;
    --cui-soft-light-green-600: #8ac05b;
    --cui-soft-light-green-700: #73a944;
    --cui-soft-light-green-800: #5b8438;
    --cui-soft-light-green-900: #47632e;

    --cui-soft-green-50: #f6f8f5;
    --cui-soft-green-100: #eef2e8;
    --cui-soft-green-200: #dfe9d2;
    --cui-soft-green-300: #cbdcb7;
    --cui-soft-green-400: #b7d095;
    --cui-soft-green-500: #a5c67b;
    --cui-soft-green-600: #93ba61;
    --cui-soft-green-700: #7ca34a;
    --cui-soft-green-800: #63803d;
    --cui-soft-green-900: #4c6032;

    --cui-soft-yellow-50: #f2ece0;
    --cui-soft-yellow-100: #f1e5d0;
    --cui-soft-yellow-200: #eed9b4;
    --cui-soft-yellow-300: #ebc98e;
    --cui-soft-yellow-400: #eab862;
    --cui-soft-yellow-500: #e5a943;
    --cui-soft-yellow-600: #e09a22;
    --cui-soft-yellow-700: #b77f1d;
    --cui-soft-yellow-800: #89601a;
    --cui-soft-yellow-900: #614716;

    --cui-soft-orange-50: #fdf3ec;
    --cui-soft-orange-100: #fae7d7;
    --cui-soft-orange-200: #f6d1bb;
    --cui-soft-orange-300: #f3b593;
    --cui-soft-orange-400: #f09568;
    --cui-soft-orange-500: #ef8051;
    --cui-soft-orange-600: #ec6d44;
    --cui-soft-orange-700: #dd5d2a;
    --cui-soft-orange-800: #b1461d;
    --cui-soft-orange-900: #7b3115;

    --cui-soft-red-50: #f0dcd9;
    --cui-soft-red-100: #eecdc9;
    --cui-soft-red-200: #edb3ab;
    --cui-soft-red-300: #ea9185;
    --cui-soft-red-400: #e76b5a;
    --cui-soft-red-500: #e44e3a;
    --cui-soft-red-600: #d8351f;
    --cui-soft-red-700: #ae2d1c;
    --cui-soft-red-800: #802519;
    --cui-soft-red-900: #591d15;

    --cui-soft-light-blue-50: #f3f7f9;
    --cui-soft-light-blue-100: #e6eef5;
    --cui-soft-light-blue-200: #cee1ee;
    --cui-soft-light-blue-300: #aecfe5;
    --cui-soft-light-blue-400: #87bbde;
    --cui-soft-light-blue-500: #6bacd6;
    --cui-soft-light-blue-600: #4d9bce;
    --cui-soft-light-blue-700: #3584b8;
    --cui-soft-light-blue-800: #2e688f;
    --cui-soft-light-blue-900: #26506b;

    --cui-soft-blue-50: #f3f6f9;
    --cui-soft-blue-100: #e5edf5;
    --cui-soft-blue-200: #cdddef;
    --cui-soft-blue-300: #acc8e7;
    --cui-soft-blue-400: #84afe1;
    --cui-soft-blue-500: #689dd9;
    --cui-soft-blue-600: #4989d2;
    --cui-soft-blue-700: #3272bb;
    --cui-soft-blue-800: #2b5b91;
    --cui-soft-blue-900: #25476c;

    --cui-soft-magenta-50: #f8f5f6;
    --cui-soft-magenta-100: #f2e8ed;
    --cui-soft-magenta-200: #ead2de;
    --cui-soft-magenta-300: #deb5c9;
    --cui-soft-magenta-400: #d293b2;
    --cui-soft-magenta-500: #c879a1;
    --cui-soft-magenta-600: #bd5e8e;
    --cui-soft-magenta-700: #a64777;
    --cui-soft-magenta-800: #823b5e;
    --cui-soft-magenta-900: #623049;

    --cui-soft-lavender-50: #f7f5f7;
    --cui-soft-lavender-100: #f1e9f1;
    --cui-soft-lavender-200: #e7d5e4;
    --cui-soft-lavender-300: #d9b9d6;
    --cui-soft-lavender-400: #cb9ac7;
    --cui-soft-lavender-500: #be83ba;
    --cui-soft-lavender-600: #b16aab;
    --cui-soft-lavender-700: #9a5394;
    --cui-soft-lavender-800: #794474;
    --cui-soft-lavender-900: #5b3659;

    --cui-soft-violet-50: #f5f5f8;
    --cui-soft-violet-100: #eae8f2;
    --cui-soft-violet-200: #d6d2e9;
    --cui-soft-violet-300: #bcb7dc;
    --cui-soft-violet-400: #9e95d0;
    --cui-soft-violet-500: #887bc6;
    --cui-soft-violet-600: #7061ba;
    --cui-soft-violet-700: #594aa3;
    --cui-soft-violet-800: #483d80;
    --cui-soft-violet-900: #393260;

    --cui-soft-purple-50: #f6f5f7;
    --cui-soft-purple-100: #ede9f2;
    --cui-soft-purple-200: #ded4e7;
    --cui-soft-purple-300: #cab8db;
    --cui-soft-purple-400: #b498cd;
    --cui-soft-purple-500: #a27fc2;
    --cui-soft-purple-600: #9166b5;
    --cui-soft-purple-700: #7a4f9e;
    --cui-soft-purple-800: #61407c;
    --cui-soft-purple-900: #4a345e;

    --cui-soft-terra-50: #f7f6f5;
    --cui-soft-terra-100: #f1ece9;
    --cui-soft-terra-200: #e7dad5;
    --cui-soft-terra-300: #dac4b9;
    --cui-soft-terra-400: #ccaa99;
    --cui-soft-terra-500: #c09581;
    --cui-soft-terra-600: #b48167;
    --cui-soft-terra-700: #9d6a50;
    --cui-soft-terra-800: #7b5541;
    --cui-soft-terra-900: #5d4334;

    --cui-black: #000000;

    --cui-gray-0: #ffffff;
    --cui-gray-10: #f9fafb;
    --cui-gray-50: #eff0f2;
    --cui-gray-100: #e9ebee;
    --cui-gray-200: #dcdee3;
    --cui-gray-300: #aeb2bc;
    --cui-gray-400: #7f8493;
    --cui-gray-500: #595e6a;
    --cui-gray-600: #474b55;
    --cui-gray-700: #363840;
    --cui-gray-800: #24262b;
    --cui-gray-900: #121315;

    --cui-slate-10: #f6fbff;
    --cui-slate-50: #e4ecf3;
    --cui-slate-100: #d3dde8;
    --cui-slate-200: #c5d1de;
    --cui-slate-300: #adbac7;
    --cui-slate-400: #717e8b;
    --cui-slate-500: #444c56;
    --cui-slate-600: #373e47;
    --cui-slate-700: #2d333b;
    --cui-slate-800: #22272e;
    --cui-slate-900: #1c2128;

    --cui-cyan-100: #f0f6f6;
    --cui-cyan-200: #d6eaea;
    --cui-cyan-300: #badcdc;
    --cui-cyan-400: #98cbca;
    --cui-cyan-500: #53a8a7;
    --cui-cyan-600: #319795;
    --cui-cyan-700: #297f7e;
    --cui-cyan-800: #1a6b6a;
    --cui-cyan-900: #0d4949;

    --cui-light-green-50: #f5fef1;
    --cui-light-green-100: #f0feea;
    --cui-light-green-200: #e1fcd3;
    --cui-light-green-300: #9ef572;
    --cui-light-green-400: #8edd67;
    --cui-light-green-500: #7ec45b;
    --cui-light-green-600: #77b856;
    --cui-light-green-700: #5f9344;
    --cui-light-green-800: #476e33;
    --cui-light-green-900: #375628;

    --cui-green-50: #ecfff3;
    --cui-green-100: #c1ffda;
    --cui-green-200: #97ffc0;
    --cui-green-300: #6dffa7;
    --cui-green-400: #3eee84;
    --cui-green-500: #29cc6a;
    --cui-green-600: #17c174;
    --cui-green-700: #039855;
    --cui-green-800: #006f3d;
    --cui-green-900: #004627;

    --cui-yellow-50: #fffaeb;
    --cui-yellow-100: #ffe6b7;
    --cui-yellow-200: #ffd892;
    --cui-yellow-300: #ffc354;
    --cui-yellow-400: #fdb022;
    --cui-yellow-500: #db9411;
    --cui-yellow-600: #b97904;
    --cui-yellow-700: #976200;
    --cui-yellow-800: #754c00;
    --cui-yellow-900: #533600;

    --cui-orange-50: #fff4ee;
    --cui-orange-100: #ffebdd;
    --cui-orange-200: #ffe0cf;
    --cui-orange-300: #ffd7ba;
    --cui-orange-400: #ffbc8b;
    --cui-orange-500: #ffa05c;
    --cui-orange-600: #ff852c;
    --cui-orange-700: #b75119;
    --cui-orange-800: #8e3605;
    --cui-orange-900: #652400;

    --cui-red-50: #ffeeee;
    --cui-red-100: #ffc8c8;
    --cui-red-200: #ffa2a2;
    --cui-red-300: #ff7c7c;
    --cui-red-400: #fc5555;
    --cui-red-500: #d92d20;
    --cui-red-600: #b82e2e;
    --cui-red-700: #961f1f;
    --cui-red-800: #741313;
    --cui-red-900: #520909;

    --cui-light-blue-50: #f0f9ff;
    --cui-light-blue-100: #e5f5ff;
    --cui-light-blue-200: #c4e7ff;
    --cui-light-blue-300: #98d6ff;
    --cui-light-blue-400: #6dc4ff;
    --cui-light-blue-500: #2eabff;
    --cui-light-blue-600: #0099ff;
    --cui-light-blue-700: #0068ad;
    --cui-light-blue-800: #005085;
    --cui-light-blue-900: #00375c;

    --cui-blue-50: #f0f7ff;
    --cui-blue-100: #e8f1ff;
    --cui-blue-200: #bed9ff;
    --cui-blue-300: #94c0ff;
    --cui-blue-400: #4190ff;
    --cui-blue-500: #4190ff;
    --cui-blue-600: #1570ef;
    --cui-blue-700: #0354c6;
    --cui-blue-800: #00429d;
    --cui-blue-900: #002b67;

    --cui-magenta-50: #ffe5ff;
    --cui-magenta-100: #ffe5ff;
    --cui-magenta-200: #f38de2;
    --cui-magenta-300: #ec5fd6;
    --cui-magenta-400: #e633c9;
    --cui-magenta-500: #cc19b0;
    --cui-magenta-600: #a0128a;
    --cui-magenta-700: #720a63;
    --cui-magenta-800: #46033d;
    --cui-magenta-900: #1c0018;

    --cui-lavender-50: #f7f0fb;
    --cui-lavender-100: #f3e8f9;
    --cui-lavender-200: #e6cff3;
    --cui-lavender-300: #c47eee;
    --cui-lavender-400: #9e5bc3;
    --cui-lavender-500: #8c51ae;
    --cui-lavender-600: #834ca3;
    --cui-lavender-700: #693d82;
    --cui-lavender-800: #4f2d62;
    --cui-lavender-900: #3d234c;

    --cui-violet-50: #f2efff;
    --cui-violet-100: #d4cbff;
    --cui-violet-200: #b6a8ff;
    --cui-violet-300: #9984ff;
    --cui-violet-400: #7b61ff;
    --cui-violet-500: #634bdd;
    --cui-violet-600: #4d38bb;
    --cui-violet-700: #3a2799;
    --cui-violet-800: #291a77;
    --cui-violet-900: #1a0f55;

    --cui-purple-50: #f4f2ff;
    --cui-purple-100: #d4cdff;
    --cui-purple-200: #b4a7ff;
    --cui-purple-300: #9382ff;
    --cui-purple-400: #806fea;
    --cui-purple-500: #6a5acd;
    --cui-purple-600: #5647b0;
    --cui-purple-700: #433693;
    --cui-purple-800: #322776;
    --cui-purple-900: #231a58;

    --cui-terra-50: #ffeee9;
    --cui-terra-100: #efd8d2;
    --cui-terra-200: #dec1ba;
    --cui-terra-300: #ccaaa2;
    --cui-terra-400: #ba918a;
    --cui-terra-500: #a77871;
    --cui-terra-600: #8e5f5a;
    --cui-terra-700: #6d4844;
    --cui-terra-800: #49302d;
    --cui-terra-900: #1f1311;

    --cui-base: var(--cui-black);
    --cui-base-0: var(--cui-gray-0);
    --cui-base-10: var(--cui-gray-10);
    --cui-base-50: var(--cui-gray-50);
    --cui-base-100: var(--cui-gray-100);
    --cui-base-200: var(--cui-gray-200);
    --cui-base-300: var(--cui-gray-300);
    --cui-base-400: var(--cui-gray-400);
    --cui-base-500: var(--cui-gray-500);
    --cui-base-900: var(--cui-gray-900);

    --cui-success: var(--cui-green-600);

    --cui-warning: var(--cui-yellow-400);

    --cui-danger: var(--cui-red-500);

    --cui-info: var(--cui-blue-600);

    --cui-accent-1: var(--cui-cyan-800);

    --cui-accent-2: var(--cui-light-blue-600);

    --cui-accent-3: var(--cui-purple-500);

    --cui-accent-4: var(--cui-orange-600);

    --cui-focus: var(--cui-blue-100);

    --cui-input: var(--cui-gray-10);

    --cui-bg-light: var(--cui-gray-0);

    --cui-bg-light-blue: var(--cui-light-blue-500);

    --cui-bg-light-blue-1: var(--cui-light-blue-50);

    --cui-label-text: var(--cui-gray-500);

    --cui-sidebar: var(--cui-gray-50);

    --cui-scrollbar: var(--cui-gray-200);

    --cui-track: var(--cui-gray-10);

    --cui-btn-bg: var(--cui-light-blue-500);

    --cui-badge-blue-bg: var(--cui-blue-50);
    --cui-badge-blue-bg-bold: var(--cui-info);
    --cui-badge-blue-bg-subtle: var(--cui-blue-100);
    --cui-badge-blue-border: var(--cui-blue-200);
    --cui-badge-blue-border-bold: var(--cui-info);
    --cui-badge-blue-border-subtle: var(--cui-blue-300);
    --cui-badge-blue-label: var(--cui-info);
    --cui-badge-blue-label-inverse: var(--cui-base-900);
    --cui-badge-blue-stroke: var(--cui-info);

    --cui-badge-cyan-bg: var(--cui-cyan-100);
    --cui-badge-cyan-bg-bold: var(--cui-cyan-500);
    --cui-badge-cyan-bg-subtle: var(--cui-cyan-200);
    --cui-badge-cyan-border: var(--cui-cyan-200);
    --cui-badge-cyan-border-bold: var(--cui-cyan-500);
    --cui-badge-cyan-border-subtle: var(--cui-cyan-300);
    --cui-badge-cyan-label: var(--cui-cyan-500);
    --cui-badge-cyan-label-inverse: var(--cui-gray-900);
    --cui-badge-cyan-stroke: var(--cui-cyan-500);

    --cui-badge-gray-bg: var(--cui-gray-100);
    --cui-badge-gray-bg-bold: var(--cui-gray-400);
    --cui-badge-gray-bg-subtle: var(--cui-gray-200);
    --cui-badge-gray-border: var(--cui-gray-200);
    --cui-badge-gray-border-bold: var(--cui-gray-500);
    --cui-badge-gray-border-subtle: var(--cui-gray-300);
    --cui-badge-gray-label: var(--cui-gray-500);
    --cui-badge-gray-label-inverse: var(--cui-gray-900);
    --cui-badge-gray-stroke: var(--cui-gray-500);

    --cui-badge-dark-gray-bg-bold: var(--cui-base-500);
    --cui-badge-dark-gray-bg-subtle: var(--cui-base-200);
    --cui-badge-dark-gray-border-bold: var(--cui-base-400);
    --cui-badge-dark-gray-border-subtle: var(--cui-base-300);
    --cui-badge-dark-gray-label: var(--cui-base-900);
    --cui-badge-dark-gray-label-inverse: var(--cui-base-0);

    --cui-badge-green-bg: var(--cui-green-50);
    --cui-badge-green-bg-bold: var(--cui-success);
    --cui-badge-green-bg-subtle: var(--cui-green-100);
    --cui-badge-green-border: var(--cui-green-100);
    --cui-badge-green-border-bold: var(--cui-green-300);
    --cui-badge-green-border-subtle: var(--cui-green-200);
    --cui-badge-green-label: var(--cui-success);
    --cui-badge-green-label-inverse: var(--cui-gray-900);
    --cui-badge-green-stroke: var(--cui-success);

    --cui-badge-red-bg: var(--cui-red-50);
    --cui-badge-red-bg-bold: var(--cui-danger);
    --cui-badge-red-bg-subtle: var(--cui-red-100);
    --cui-badge-red-border: var(--cui-red-100);
    --cui-badge-red-border-bold: var(--cui-danger);
    --cui-badge-red-border-subtle: var(--cui-red-200);
    --cui-badge-red-label: var(--cui-danger);
    --cui-badge-red-label-inverse: var(--cui-gray-900);
    --cui-badge-red-stroke: var(--cui-danger);

    --cui-badge-yellow-bg: var(--cui-yellow-50);
    --cui-badge-yellow-bg-bold: var(--cui-yellow-400);
    --cui-badge-yellow-bg-subtle: var(--cui-yellow-100);
    --cui-badge-yellow-border: var(--cui-yellow-100);
    --cui-badge-yellow-border-bold: var(--cui-yellow-300);
    --cui-badge-yellow-border-subtle: var(--cui-yellow-200);
    --cui-badge-yellow-label: var(--cui-yellow-500);
    --cui-badge-yellow-label-inverse: var(--cui-gray-900);
    --cui-badge-yellow-stroke: var(--cui-warning);

    --cui-badge-lavender-bg: var(--cui-lavender-50);
    --cui-badge-lavender-bg-bold: var(--cui-lavender-400);
    --cui-badge-lavender-bg-subtle: var(--cui-lavender-100);
    --cui-badge-lavender-border: var(--cui-lavender-200);
    --cui-badge-lavender-border-bold: var(--cui-lavender-400);
    --cui-badge-lavender-border-subtle: var(--cui-lavender-300);
    --cui-badge-lavender-label: var(--cui-lavender-400);
    --cui-badge-lavender-label-inverse: var(--cui-gray-900);
    --cui-badge-lavender-stroke: var(--cui-lavender-400);

    --cui-badge-light-blue-bg: var(--cui-light-blue-50);
    --cui-badge-light-blue-bg-bold: var(--cui-light-blue-500);
    --cui-badge-light-blue-bg-subtle: var(--cui-light-blue-100);
    --cui-badge-light-blue-border: var(--cui-light-blue-200);
    --cui-badge-light-blue-border-bold: var(--cui-light-blue-500);
    --cui-badge-light-blue-border-subtle: var(--cui-light-blue-400);
    --cui-badge-light-blue-label: var(--cui-light-blue-500);
    --cui-badge-light-blue-label-inverse: var(--cui-gray-900);
    --cui-badge-light-blue-stroke: var(--cui-light-blue-500);

    --cui-badge-light-green-bg: var(--cui-light-green-100);
    --cui-badge-light-green-bg-bold: var(--cui-light-green-600);
    --cui-badge-light-green-bg-subtle: var(--cui-light-green-200);
    --cui-badge-light-green-border: var(--cui-light-green-200);
    --cui-badge-light-green-border-bold: var(--cui-light-green-600);
    --cui-badge-light-green-border-subtle: var(--cui-light-green-300);
    --cui-badge-light-green-label: var(--cui-light-green-600);
    --cui-badge-light-green-label-inverse: var(--cui-gray-900);
    --cui-badge-light-green-stroke: var(--cui-light-green-600);

    --cui-badge-magenta-bg: var(--cui-magenta-50);
    --cui-badge-magenta-bg-bold: var(--cui-magenta-500);
    --cui-badge-magenta-bg-subtle: var(--cui-magenta-100);
    --cui-badge-magenta-border: var(--cui-magenta-200);
    --cui-badge-magenta-border-bold: var(--cui-magenta-500);
    --cui-badge-magenta-border-subtle: var(--cui-magenta-200);
    --cui-badge-magenta-label: var(--cui-magenta-500);
    --cui-badge-magenta-label-inverse: var(--cui-gray-900);
    --cui-badge-magenta-stroke: var(--cui-magenta-500);

    --cui-badge-orange-bg: var(--cui-orange-50);
    --cui-badge-orange-bg-bold: var(--cui-orange-600);
    --cui-badge-orange-bg-subtle: var(--cui-orange-100);
    --cui-badge-orange-border: var(--cui-orange-200);
    --cui-badge-orange-border-bold: var(--cui-orange-600);
    --cui-badge-orange-border-subtle: var(--cui-orange-300);
    --cui-badge-orange-label: var(--cui-orange-600);
    --cui-badge-orange-label-inverse: var(--cui-gray-900);
    --cui-badge-orange-stroke: var(--cui-orange-600);

    --cui-badge-purple-bg: var(--cui-purple-50);
    --cui-badge-purple-bg-bold: var(--cui-purple-500);
    --cui-badge-purple-bg-subtle: var(--cui-purple-100);
    --cui-badge-purple-border: var(--cui-purple-100);
    --cui-badge-purple-border-bold: var(--cui-purple-400);
    --cui-badge-purple-border-subtle: var(--cui-purple-200);
    --cui-badge-purple-label: var(--cui-purple-400);
    --cui-badge-purple-label-inverse: var(--cui-base-900);
    --cui-badge-purple-stroke: var(--cui-purple-400);

    --cui-badge-terra-bg: var(--cui-terra-50);
    --cui-badge-terra-bg-bold: var(--cui-terra-500);
    --cui-badge-terra-bg-subtle: var(--cui-terra-100);
    --cui-badge-terra-border: var(--cui-terra-200);
    --cui-badge-terra-border-bold: var(--cui-terra-500);
    --cui-badge-terra-border-subtle: var(--cui-terra-300);
    --cui-badge-terra-label: var(--cui-terra-600);
    --cui-badge-terra-label-inverse: var(--cui-gray-900);
    --cui-badge-terra-stroke: var(--cui-terra-600);

    --cui-badge-violet-bg: var(--cui-violet-50);
    --cui-badge-violet-bg-bold: var(--cui-violet-500);
    --cui-badge-violet-bg-subtle: var(--cui-violet-100);
    --cui-badge-violet-border: var(--cui-violet-100);
    --cui-badge-violet-border-bold: var(--cui-violet-400);
    --cui-badge-violet-border-subtle: var(--cui-violet-200);
    --cui-badge-violet-label: var(--cui-violet-400);
    --cui-badge-violet-label-inverse: var(--cui-base-900);
    --cui-badge-violet-stroke: var(--cui-violet-400);

    --cui-badge-soft-blue-bg: var(--cui-soft-blue-50);
    --cui-badge-soft-blue-bg-bold: var(--cui-info);
    --cui-badge-soft-blue-bg-subtle: var(--cui-soft-blue-100);
    --cui-badge-soft-blue-border: var(--cui-soft-blue-200);
    --cui-badge-soft-blue-border-bold: var(--cui-info);
    --cui-badge-soft-blue-border-subtle: var(--cui-soft-blue-300);
    --cui-badge-soft-blue-label: var(--cui-info);
    --cui-badge-soft-blue-label-inverse: var(--cui-base-900);
    --cui-badge-soft-blue-stroke: var(--cui-info);

    --cui-badge-soft-cyan-bg: var(--cui-soft-cyan-100);
    --cui-badge-soft-cyan-bg-bold: var(--cui-soft-cyan-500);
    --cui-badge-soft-cyan-bg-subtle: var(--cui-soft-cyan-200);
    --cui-badge-soft-cyan-border: var(--cui-soft-cyan-200);
    --cui-badge-soft-cyan-border-bold: var(--cui-soft-cyan-500);
    --cui-badge-soft-cyan-border-subtle: var(--cui-soft-cyan-300);
    --cui-badge-soft-cyan-label: var(--cui-soft-cyan-500);
    --cui-badge-soft-cyan-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-cyan-stroke: var(--cui-soft-cyan-500);

    --cui-badge-soft-gray-bg: var(--cui-soft-gray-100);
    --cui-badge-soft-gray-bg-bold: var(--cui-soft-gray-400);
    --cui-badge-soft-gray-bg-subtle: var(--cui-soft-gray-200);
    --cui-badge-soft-gray-border: var(--cui-soft-gray-200);
    --cui-badge-soft-gray-border-bold: var(--cui-soft-gray-500);
    --cui-badge-soft-gray-border-subtle: var(--cui-soft-gray-300);
    --cui-badge-soft-gray-label: var(--cui-soft-gray-500);
    --cui-badge-soft-gray-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-gray-stroke: var(--cui-soft-gray-500);

    --cui-badge-soft-green-bg: var(--cui-soft-green-50);
    --cui-badge-soft-green-bg-bold: var(--cui-success);
    --cui-badge-soft-green-bg-subtle: var(--cui-soft-green-100);
    --cui-badge-soft-green-border: var(--cui-soft-green-100);
    --cui-badge-soft-green-border-bold: var(--cui-soft-green-300);
    --cui-badge-soft-green-border-subtle: var(--cui-soft-green-200);
    --cui-badge-soft-green-label: var(--cui-success);
    --cui-badge-soft-green-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-green-stroke: var(--cui-success);

    --cui-badge-soft-red-bg: var(--cui-soft-red-50);
    --cui-badge-soft-red-bg-bold: var(--cui-danger);
    --cui-badge-soft-red-bg-subtle: var(--cui-soft-red-100);
    --cui-badge-soft-red-border: var(--cui-soft-red-100);
    --cui-badge-soft-red-border-bold: var(--cui-danger);
    --cui-badge-soft-red-border-subtle: var(--cui-soft-red-200);
    --cui-badge-soft-red-label: var(--cui-danger);
    --cui-badge-soft-red-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-red-stroke: var(--cui-danger);

    --cui-badge-soft-yellow-bg: var(--cui-soft-yellow-50);
    --cui-badge-soft-yellow-bg-bold: var(--cui-soft-yellow-400);
    --cui-badge-soft-yellow-bg-subtle: var(--cui-soft-yellow-100);
    --cui-badge-soft-yellow-border: var(--cui-soft-yellow-100);
    --cui-badge-soft-yellow-border-bold: var(--cui-soft-yellow-300);
    --cui-badge-soft-yellow-border-subtle: var(--cui-soft-yellow-200);
    --cui-badge-soft-yellow-label: var(--cui-soft-yellow-500);
    --cui-badge-soft-yellow-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-yellow-stroke: var(--cui-warning);

    --cui-badge-soft-lavender-bg: var(--cui-soft-lavender-50);
    --cui-badge-soft-lavender-bg-bold: var(--cui-soft-lavender-400);
    --cui-badge-soft-lavender-bg-subtle: var(--cui-soft-lavender-100);
    --cui-badge-soft-lavender-border: var(--cui-soft-lavender-200);
    --cui-badge-soft-lavender-border-bold: var(--cui-soft-lavender-400);
    --cui-badge-soft-lavender-border-subtle: var(--cui-soft-lavender-300);
    --cui-badge-soft-lavender-label: var(--cui-soft-lavender-400);
    --cui-badge-soft-lavender-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-lavender-stroke: var(--cui-soft-lavender-400);

    --cui-badge-soft-light-blue-bg: var(--cui-soft-light-blue-50);
    --cui-badge-soft-light-blue-bg-bold: var(--cui-soft-light-blue-500);
    --cui-badge-soft-light-blue-bg-subtle: var(--cui-soft-light-blue-100);
    --cui-badge-soft-light-blue-border: var(--cui-soft-light-blue-200);
    --cui-badge-soft-light-blue-border-bold: var(--cui-soft-light-blue-500);
    --cui-badge-soft-light-blue-border-subtle: var(--cui-soft-light-blue-400);
    --cui-badge-soft-light-blue-label: var(--cui-soft-light-blue-500);
    --cui-badge-soft-light-blue-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-light-blue-stroke: var(--cui-soft-light-blue-500);

    --cui-badge-soft-light-green-bg: var(--cui-soft-light-green-100);
    --cui-badge-soft-light-green-bg-bold: var(--cui-soft-light-green-600);
    --cui-badge-soft-light-green-bg-subtle: var(--cui-soft-light-green-200);
    --cui-badge-soft-light-green-border: var(--cui-soft-light-green-200);
    --cui-badge-soft-light-green-border-bold: var(--cui-soft-light-green-600);
    --cui-badge-soft-light-green-border-subtle: var(--cui-soft-light-green-300);
    --cui-badge-soft-light-green-label: var(--cui-soft-light-green-600);
    --cui-badge-soft-light-green-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-light-green-stroke: var(--cui-soft-light-green-600);

    --cui-badge-soft-magenta-bg: var(--cui-soft-magenta-50);
    --cui-badge-soft-magenta-bg-bold: var(--cui-soft-magenta-500);
    --cui-badge-soft-magenta-bg-subtle: var(--cui-soft-magenta-100);
    --cui-badge-soft-magenta-border: var(--cui-soft-magenta-200);
    --cui-badge-soft-magenta-border-bold: var(--cui-soft-magenta-500);
    --cui-badge-soft-magenta-border-subtle: var(--cui-soft-magenta-200);
    --cui-badge-soft-magenta-label: var(--cui-soft-magenta-500);
    --cui-badge-soft-magenta-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-magenta-stroke: var(--cui-soft-magenta-500);

    --cui-badge-soft-orange-bg: var(--cui-soft-orange-50);
    --cui-badge-soft-orange-bg-bold: var(--cui-soft-orange-600);
    --cui-badge-soft-orange-bg-subtle: var(--cui-soft-orange-100);
    --cui-badge-soft-orange-border: var(--cui-soft-orange-200);
    --cui-badge-soft-orange-border-bold: var(--cui-soft-orange-600);
    --cui-badge-soft-orange-border-subtle: var(--cui-soft-orange-300);
    --cui-badge-soft-orange-label: var(--cui-soft-orange-600);
    --cui-badge-soft-orange-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-orange-stroke: var(--cui-soft-orange-600);

    --cui-badge-soft-purple-bg: var(--cui-soft-purple-50);
    --cui-badge-soft-purple-bg-bold: var(--cui-soft-purple-500);
    --cui-badge-soft-purple-bg-subtle: var(--cui-soft-purple-100);
    --cui-badge-soft-purple-border: var(--cui-soft-purple-100);
    --cui-badge-soft-purple-border-bold: var(--cui-soft-purple-400);
    --cui-badge-soft-purple-border-subtle: var(--cui-soft-purple-200);
    --cui-badge-soft-purple-label: var(--cui-soft-purple-400);
    --cui-badge-soft-purple-label-inverse: var(--cui-base-900);
    --cui-badge-soft-purple-stroke: var(--cui-soft-purple-400);

    --cui-badge-soft-terra-bg: var(--cui-soft-terra-50);
    --cui-badge-soft-terra-bg-bold: var(--cui-soft-terra-500);
    --cui-badge-soft-terra-bg-subtle: var(--cui-soft-terra-100);
    --cui-badge-soft-terra-border: var(--cui-soft-terra-200);
    --cui-badge-soft-terra-border-bold: var(--cui-soft-terra-500);
    --cui-badge-soft-terra-border-subtle: var(--cui-soft-terra-300);
    --cui-badge-soft-terra-label: var(--cui-soft-terra-600);
    --cui-badge-soft-terra-label-inverse: var(--cui-soft-gray-900);
    --cui-badge-soft-terra-stroke: var(--cui-soft-terra-600);

    --cui-badge-soft-violet-bg: var(--cui-soft-violet-50);
    --cui-badge-soft-violet-bg-bold: var(--cui-soft-violet-500);
    --cui-badge-soft-violet-bg-subtle: var(--cui-soft-violet-100);
    --cui-badge-soft-violet-border: var(--cui-soft-violet-100);
    --cui-badge-soft-violet-border-bold: var(--cui-soft-violet-400);
    --cui-badge-soft-violet-border-subtle: var(--cui-soft-violet-200);
    --cui-badge-soft-violet-label: var(--cui-soft-violet-400);
    --cui-badge-soft-violet-label-inverse: var(--cui-base-900);
    --cui-badge-soft-violet-stroke: var(--cui-soft-violet-400);

    --cui-banner-alert-bg: var(--cui-yellow-100);
    --cui-banner-alert-text: var(--cui-orange-800);
    --cui-banner-alert-icon: var(--cui-orange-800);
    --cui-banner-alert-link: var(--cui-blue-600);

    --cui-banner-info-bg: var(--cui-blue-50);
    --cui-banner-info-text: var(--cui-light-blue-800);
    --cui-banner-info-icon: var(--cui-light-blue-800);

    --cui-banner-danger-bg: var(--cui-red-50);
    --cui-banner-danger-text: var(--cui-gray-900);
    --cui-banner-danger-icon: var(--cui-red-500);
    --cui-banner-danger-link: var(--cui-blue-600);

    --cui-banner-success-bg: var(--cui-green-50);
    --cui-banner-success-text: var(--cui-gray-900);
    --cui-banner-success-icon: var(--cui-green-600);
    --cui-banner-success-link: var(--cui-blue-600);

    --cui-toast-alert-bg: var(--cui-gray-800);
    --cui-toast-alert-text: var(--cui-gray-0);
    --cui-toast-alert-icon: var(--cui-yellow-400);

    --cui-toast-info-bg: var(--cui-gray-800);
    --cui-toast-info-text: var(--cui-gray-0);
    --cui-toast-info-icon: var(--cui-blue-600);

    --cui-toast-danger-bg: var(--cui-gray-800);
    --cui-toast-danger-text: var(--cui-gray-0);
    --cui-toast-danger-icon: var(--cui-red-500);

    --cui-toast-success-bg: var(--cui-gray-800);
    --cui-toast-success-text: var(--cui-gray-0);
    --cui-toast-success-icon: var(--cui-green-600);

    --cui-danger-bg: var(--cui-red-50);
    --cui-success-bg: var(--cui-green-50);
    --cui-cyan-bg: var(--cui-cyan-600);
    --cui-yellow-bg: var(--cui-yellow-400);
    --cui-lavender-bg: var(--cui-lavender-50);
    --cui-violet-bg: var(--cui-violet-400);
}

[cuiTheme='dark'] {
    --cui-base-0: var(--cui-slate-900);
    --cui-base-10: var(--cui-slate-800);
    --cui-base-50: var(--cui-slate-700);
    --cui-base-100: var(--cui-slate-600);
    --cui-base-200: var(--cui-slate-500);
    --cui-base-300: var(--cui-gray-400);
    --cui-base-400: var(--cui-slate-400);
    --cui-base-500: var(--cui-slate-300);
    --cui-base-900: var(--cui-slate-200);

    --cui-success: var(--cui-green-500);

    --cui-warning: var(--cui-yellow-300);

    --cui-danger: var(--cui-red-400);

    --cui-info: var(--cui-blue-500);

    --cui-accent-1: var(--cui-cyan-700);

    --cui-accent-2: var(--cui-light-blue-600);

    --cui-accent-3: var(--cui-purple-400);

    --cui-accent-4: var(--cui-orange-500);

    --cui-focus: var(--cui-light-blue-700);

    --cui-input: var(--cui-slate-700);

    --cui-bg-light: var(--cui-slate-700);

    --cui-bg-light-blue: var(--cui-light-blue-700);

    --cui-bg-light-blue-1: var(--cui-light-blue-800);

    --cui-label-text: var(--cui-gray-0);

    --cui-sidebar: var(--cui-slate-800);

    --cui-scrollbar: var(--cui-gray-500);

    --cui-track: var(--cui-slate-700);

    --cui-btn-bg: var(--cui-light-blue-700);

    --cui-badge-blue-bg: var(--cui-blue-900);
    --cui-badge-blue-bg-subtle: var(--cui-blue-800);
    --cui-badge-blue-border: var(--cui-blue-700);
    --cui-badge-blue-border-subtle: var(--cui-blue-600);
    --cui-badge-blue-label-inverse: var(--cui-info);

    --cui-badge-cyan-bg: var(--cui-cyan-900);
    --cui-badge-cyan-bg-bold: var(--cui-cyan-600);
    --cui-badge-cyan-bg-subtle: var(--cui-cyan-800);
    --cui-badge-cyan-border: var(--cui-cyan-800);
    --cui-badge-cyan-border-bold: var(--cui-cyan-600);
    --cui-badge-cyan-border-subtle: var(--cui-cyan-600);
    --cui-badge-cyan-label: var(--cui-cyan-600);
    --cui-badge-cyan-label-inverse: var(--cui-cyan-500);
    --cui-badge-cyan-stroke: var(--cui-cyan-600);

    --cui-badge-gray-bg: var(--cui-gray-700);
    --cui-badge-gray-bg-subtle: var(--cui-gray-700);
    --cui-badge-gray-border: var(--cui-gray-600);
    --cui-badge-gray-border-subtle: var(--cui-gray-500);
    --cui-badge-gray-label-inverse: var(--cui-gray-400);
    --cui-badge-gray-stroke: var(--cui-gray-400);

    --cui-badge-green-bg: var(--cui-green-900);
    --cui-badge-green-bg-subtle: var(--cui-green-800);
    --cui-badge-green-border: var(--cui-green-800);
    --cui-badge-green-border-bold: var(--cui-green-500);
    --cui-badge-green-border-subtle: var(--cui-green-600);
    --cui-badge-green-label-inverse: var(--cui-green-600);

    --cui-badge-red-bg: var(--cui-red-900);
    --cui-badge-red-bg-subtle: var(--cui-red-800);
    --cui-badge-red-border: var(--cui-red-800);
    --cui-badge-red-border-subtle: var(--cui-red-600);
    --cui-badge-red-label-inverse: var(--cui-red-400);

    --cui-badge-yellow-bg: var(--cui-yellow-900);
    --cui-badge-yellow-bg-bold: var(--cui-yellow-500);
    --cui-badge-yellow-bg-subtle: var(--cui-yellow-800);
    --cui-badge-yellow-border: var(--cui-yellow-800);
    --cui-badge-yellow-border-bold: var(--cui-yellow-500);
    --cui-badge-yellow-border-subtle: var(--cui-yellow-600);
    --cui-badge-yellow-label: var(--cui-warning);
    --cui-badge-yellow-label-inverse: var(--cui-yellow-400);

    --cui-badge-lavender-bg: var(--cui-lavender-900);
    --cui-badge-lavender-bg-subtle: var(--cui-lavender-800);
    --cui-badge-lavender-border: var(--cui-lavender-800);
    --cui-badge-lavender-border-bold: var(--cui-lavender-700);
    --cui-badge-lavender-border-subtle: var(--cui-lavender-600);
    --cui-badge-lavender-label: var(--cui-lavender-300);
    --cui-badge-lavender-label-inverse: var(--cui-lavender-300);
    --cui-badge-lavender-stroke: var(--cui-lavender-500);

    --cui-badge-light-blue-bg: var(--cui-light-blue-900);
    --cui-badge-light-blue-bg-bold: var(--cui-light-blue-600);
    --cui-badge-light-blue-bg-subtle: var(--cui-light-blue-800);
    --cui-badge-light-blue-border: var(--cui-light-blue-600);
    --cui-badge-light-blue-border-bold: var(--cui-light-blue-600);
    --cui-badge-light-blue-border-subtle: var(--cui-light-blue-700);
    --cui-badge-light-blue-label: var(--cui-light-blue-600);
    --cui-badge-light-blue-label-inverse: var(--cui-light-blue-600);
    --cui-badge-light-blue-stroke: var(--cui-light-blue-600);

    --cui-badge-light-green-bg: var(--cui-light-green-900);
    --cui-badge-light-green-bg-bold: var(--cui-light-green-500);
    --cui-badge-light-green-bg-subtle: var(--cui-light-green-800);
    --cui-badge-light-green-border: var(--cui-light-green-800);
    --cui-badge-light-green-border-bold: var(--cui-light-green-700);
    --cui-badge-light-green-border-subtle: var(--cui-light-green-700);
    --cui-badge-light-green-label: var(--cui-light-green-500);
    --cui-badge-light-green-label-inverse: var(--cui-light-green-500);

    --cui-badge-magenta-bg: var(--cui-magenta-800);
    --cui-badge-magenta-bg-bold: var(--cui-magenta-600);
    --cui-badge-magenta-bg-subtle: var(--cui-magenta-700);
    --cui-badge-magenta-border: var(--cui-magenta-600);
    --cui-badge-magenta-border-bold: var(--cui-magenta-700);
    --cui-badge-magenta-border-subtle: var(--cui-magenta-600);
    --cui-badge-magenta-label-inverse: var(--cui-magenta-500);

    --cui-badge-orange-bg: var(--cui-orange-900);
    --cui-badge-orange-bg-bold: var(--cui-orange-700);
    --cui-badge-orange-bg-subtle: var(--cui-orange-800);
    --cui-badge-orange-border: var(--cui-orange-800);
    --cui-badge-orange-border-bold: var(--cui-orange-700);
    --cui-badge-orange-border-subtle: var(--cui-orange-700);
    --cui-badge-orange-label-inverse: var(--cui-orange-600);

    --cui-badge-purple-bg: var(--cui-purple-900);
    --cui-badge-purple-bg-subtle: var(--cui-purple-800);
    --cui-badge-purple-border: var(--cui-purple-800);
    --cui-badge-purple-border-bold: var(--cui-purple-500);
    --cui-badge-purple-border-subtle: var(--cui-purple-600);
    --cui-badge-purple-label-inverse: var(--cui-purple-400);
    --cui-badge-purple-stroke: var(--cui-purple-500);

    --cui-badge-terra-bg: var(--cui-terra-800);
    --cui-badge-terra-bg-bold: var(--cui-terra-600);
    --cui-badge-terra-bg-subtle: var(--cui-terra-800);
    --cui-badge-terra-border: var(--cui-terra-700);
    --cui-badge-terra-border-bold: var(--cui-terra-700);
    --cui-badge-terra-border-subtle: var(--cui-terra-600);
    --cui-badge-terra-label: var(--cui-terra-500);
    --cui-badge-terra-label-inverse: var(--cui-terra-500);
    --cui-badge-terra-stroke: var(--cui-terra-500);

    --cui-badge-violet-bg: var(--cui-violet-900);
    --cui-badge-violet-bg-bold: var(--cui-violet-600);
    --cui-badge-violet-bg-subtle: var(--cui-violet-800);
    --cui-badge-violet-border: var(--cui-violet-600);
    --cui-badge-violet-border-bold: var(--cui-violet-500);
    --cui-badge-violet-border-subtle: var(--cui-violet-700);
    --cui-badge-violet-label: var(--cui-violet-500);
    --cui-badge-violet-label-inverse: var(--cui-violet-400);
    --cui-badge-violet-stroke: var(--cui-violet-500);

    --cui-badge-soft-blue-bg: var(--cui-soft-blue-900);
    --cui-badge-soft-blue-border: var(--cui-soft-blue-800);
    --cui-badge-soft-blue-label: var(--cui-soft-blue-300);
    --cui-badge-soft-blue-stroke: var(--cui-soft-blue-500);

    --cui-badge-soft-cyan-bg: var(--cui-soft-cyan-900);
    --cui-badge-soft-cyan-border: var(--cui-soft-cyan-800);
    --cui-badge-soft-cyan-label: var(--cui-soft-cyan-300);
    --cui-badge-soft-cyan-stroke: var(--cui-soft-cyan-500);

    --cui-badge-soft-gray-bg: var(--cui-soft-gray-800);
    --cui-badge-soft-gray-border: var(--cui-soft-gray-700);
    --cui-badge-soft-gray-label: var(--cui-soft-gray-300);
    --cui-badge-soft-gray-stroke: var(--cui-soft-gray-500);

    --cui-badge-soft-green-bg: var(--cui-soft-green-900);
    --cui-badge-soft-green-border: var(--cui-soft-green-800);
    --cui-badge-soft-green-label: var(--cui-soft-green-300);
    --cui-badge-soft-green-stroke: var(--cui-soft-green-500);

    --cui-badge-soft-red-bg: var(--cui-soft-red-900);
    --cui-badge-soft-red-border: var(--cui-soft-red-800);
    --cui-badge-soft-red-label: var(--cui-soft-red-300);
    --cui-badge-soft-red-stroke: var(--cui-soft-red-500);

    --cui-badge-soft-yellow-bg: var(--cui-soft-yellow-900);
    --cui-badge-soft-yellow-border: var(--cui-soft-yellow-800);
    --cui-badge-soft-yellow-label: var(--cui-soft-yellow-300);
    --cui-badge-soft-yellow-stroke: var(--cui-soft-yellow-500);

    --cui-badge-soft-lavender-bg: var(--cui-soft-lavender-900);
    --cui-badge-soft-lavender-border: var(--cui-soft-lavender-800);
    --cui-badge-soft-lavender-label: var(--cui-soft-lavender-300);
    --cui-badge-soft-lavender-stroke: var(--cui-soft-lavender-500);

    --cui-badge-soft-light-blue-bg: var(--cui-soft-light-blue-900);
    --cui-badge-soft-light-blue-border: var(--cui-soft-light-blue-800);
    --cui-badge-soft-light-blue-label: var(--cui-soft-light-blue-300);
    --cui-badge-soft-light-blue-stroke: var(--cui-soft-light-blue-500);

    --cui-badge-soft-light-green-bg: var(--cui-soft-light-green-900);
    --cui-badge-soft-light-green-border: var(--cui-soft-light-green-800);
    --cui-badge-soft-light-green-label: var(--cui-soft-light-green-300);
    --cui-badge-soft-light-green-stroke: var(--cui-soft-light-green-500);

    --cui-badge-soft-magenta-bg: var(--cui-soft-magenta-900);
    --cui-badge-soft-magenta-border: var(--cui-soft-magenta-800);
    --cui-badge-soft-magenta-label: var(--cui-soft-magenta-300);
    --cui-badge-soft-magenta-stroke: var(--cui-soft-magenta-500);

    --cui-badge-soft-orange-bg: var(--cui-soft-orange-900);
    --cui-badge-soft-orange-border: var(--cui-soft-orange-800);
    --cui-badge-soft-orange-label: var(--cui-soft-orange-300);
    --cui-badge-soft-orange-stroke: var(--cui-soft-orange-500);

    --cui-badge-soft-purple-bg: var(--cui-soft-purple-900);
    --cui-badge-soft-purple-border: var(--cui-soft-purple-800);
    --cui-badge-soft-purple-label: var(--cui-soft-purple-300);
    --cui-badge-soft-purple-stroke: var(--cui-soft-purple-500);

    --cui-badge-soft-terra-bg: var(--cui-soft-terra-900);
    --cui-badge-soft-terra-border: var(--cui-soft-terra-800);
    --cui-badge-soft-terra-label: var(--cui-soft-terra-300);
    --cui-badge-soft-terra-stroke: var(--cui-soft-terra-500);

    --cui-badge-soft-violet-bg: var(--cui-soft-violet-900);
    --cui-badge-soft-violet-border: var(--cui-soft-violet-800);
    --cui-badge-soft-violet-label: var(--cui-soft-violet-300);
    --cui-badge-soft-violet-stroke: var(--cui-soft-violet-500);

    --cui-banner-alert-bg: var(--cui-yellow-900);
    --cui-banner-alert-text: var(--cui-gray-0);
    --cui-banner-alert-icon: var(--cui-yellow-300);
    --cui-banner-alert-link: var(--cui-yellow-300);

    --cui-banner-info-bg: var(--cui-blue-900);
    --cui-banner-info-text: var(--cui-light-blue-400);
    --cui-banner-info-icon: var(--cui-light-blue-400);

    --cui-banner-danger-bg: var(--cui-red-900);
    --cui-banner-danger-text: var(--cui-gray-0);
    --cui-banner-danger-icon: var(--cui-red-400);
    --cui-banner-danger-link: var(--cui-red-400);

    --cui-banner-success-bg: var(--cui-green-900);
    --cui-banner-success-text: var(--cui-gray-0);
    --cui-banner-success-icon: var(--cui-green-500);
    --cui-banner-success-link: var(--cui-green-500);

    --cui-toast-alert-bg: var(--cui-yellow-900);
    --cui-toast-alert-text: var(--cui-gray-0);
    --cui-toast-alert-icon: var(--cui-yellow-300);

    --cui-toast-info-bg: var(--cui-blue-900);
    --cui-toast-info-text: var(--cui-gray-0);
    --cui-toast-info-icon: var(--cui-light-blue-400);

    --cui-toast-danger-bg: var(--cui-red-900);
    --cui-toast-danger-text: var(--cui-gray-0);
    --cui-toast-danger-icon: var(--cui-red-400);

    --cui-toast-success-bg: var(--cui-green-900);
    --cui-toast-success-text: var(--cui-gray-0);
    --cui-toast-success-icon: var(--cui-green-500);

    --cui-danger-bg: var(--cui-red-900);
    --cui-success-bg: var(--cui-green-900);
    --cui-cyan-bg: var(--cui-cyan-800);
    --cui-yellow-bg: var(--cui-yellow-600);
    --cui-lavender-bg: var(--cui-lavender-900);
    --cui-violet-bg: var(--cui-violet-600);
}