:root {
    /* Base */
    --base-white: #fff;
    --base-black: #0a0a0a;
    --base-overlay: rgba(10, 10, 10, 0.5);
    /* Blue Razz */
    --blue-razz-100: #eafcfd;
    --blue-razz-200: #d1fcfd;
    --blue-razz-300: #abf7fa;
    --blue-razz-400: #83f1f5;
    --blue-razz-500: #5be9f0;
    --blue-razz-600-base: #2be0ec;
    --blue-razz-700: #22bac5;
    --blue-razz-800: #1a9aa3;
    --blue-razz-900: #167076;
    /* EBiz Blue */
    --e-biz-blue-100: #edf1fe;
    --e-biz-blue-200: #ccd6ff;
    --e-biz-blue-300: #a7b5ff;
    --e-biz-blue-400-disabled: #8999f7;
    --e-biz-blue-500: #627cff;
    --e-biz-blue-600-base: #4263f8;
    --e-biz-blue-700: #3a52d4;
    --e-biz-blue-800: #2e46b8;
    --e-biz-blue-900: #1329a0;
    /* Gray */
    --gray-100: #f8f8f8;
    --gray-200: #f2f2f4;
    --gray-300: #e0e0e3;
    --gray-400: #bcbebf;
    --gray-500: #a1a1a6;
    --gray-600: #7b7b80;
    --gray-700: #5a5a60;
    --gray-800: #3c3c41;
    --gray-900: #2c2c2f;
    /* Green */
    --green-100: #ecf8f0;
    --green-200: #dcf9e5;
    --green-300: #baf0cd;
    --green-400: #98e4b3;
    --green-500: #76d79a;
    --green-600-base: #52c27a;
    --green-700: #40a165;
    --green-800: #2f8151;
    --green-900: #1d5330;
    /* Orange */
    --orange-100: #fef6eb;
    --orange-200: #feefdc;
    --orange-300: #fdddb3;
    --orange-400: #fcc88d;
    --orange-500: #fbb467;
    --orange-600-base: #f8a945;
    --orange-700: #e89032;
    --orange-800: #c97d23;
    --orange-900: #7c5523;
    /* Red */
    --red-100: #fcf1f1;
    --red-200: #f6d5d8;
    --red-300: #edabb1;
    --red-400: #e37d85;
    --red-500: #da535e;
    --red-600-base: #cd2c39;
    --red-700: #a4232e;
    --red-800: #7a1a22;
    --red-900: #541218;
    /* Steel Blue */
    --steel-blue-100: #e3eaee;
    --steel-blue-200: #c0d1da;
    --steel-blue-300: #a3b8c5;
    --steel-blue-400: #7f96aa;
    --steel-blue-500: #627b90;
    --steel-blue-600-base: #4b647a;
    --steel-blue-700: #3f566e;
    --steel-blue-800: #2a3d4f;
    --steel-blue-900: #1e2831;
    /* Vibrant Purple */
    --vibrant-purple-100: #f2ecfe;
    --vibrant-purple-200: #e3d3fe;
    --vibrant-purple-300: #c9affd;
    --vibrant-purple-400: #b28cfb;
    --vibrant-purple-500: #9b6af9;
    --vibrant-purple-600-base: #8043f8;
    --vibrant-purple-700: #7a3ee8;
    --vibrant-purple-800: #6733c8;
    --vibrant-purple-900: #4d2895;
    /* Base */
    --base-white: #fff;
    --base-black: #0a0a0a;
    --base-overlay: rgba(10, 10, 10, 0.5);
    /* Blue Razz */
    --blue-razz-100: #eafcfd;
    --blue-razz-200: #d1fcfd;
    --blue-razz-300: #abf7fa;
    --blue-razz-400: #83f1f5;
    --blue-razz-500: #5be9f0;
    --blue-razz-600-base: #2be0ec;
    --blue-razz-700: #22bac5;
    --blue-razz-800: #1a9aa3;
    --blue-razz-900: #167076;
    /* EBiz Blue */
    --e-biz-blue-100: #edf1fe;
    --e-biz-blue-200: #ccd6ff;
    --e-biz-blue-300: #a7b5ff;
    --e-biz-blue-400-disabled: #8999f7;
    --e-biz-blue-500: #627cff;
    --e-biz-blue-600-base: #4263f8;
    --e-biz-blue-700: #3a52d4;
    --e-biz-blue-800: #2e46b8;
    --e-biz-blue-900: #1329a0;
    /* Gray */
    --gray-100: #f8f8f8;
    --gray-200: #f2f2f4;
    --gray-300: #e0e0e3;
    --gray-400: #bcbebf;
    --gray-500: #a1a1a6;
    --gray-600: #7b7b80;
    --gray-700: #5a5a60;
    --gray-800: #3c3c41;
    --gray-900: #2c2c2f;
    /* Green */
    --green-100: #ecf8f0;
    --green-200: #dcf9e5;
    --green-300: #baf0cd;
    --green-400: #98e4b3;
    --green-500: #76d79a;
    --green-600-base: #52c27a;
    --green-700: #40a165;
    --green-800: #2f8151;
    --green-900: #1d5330;
    /* Orange */
    --orange-100: #fef6eb;
    --orange-200: #feefdc;
    --orange-300: #fdddb3;
    --orange-400: #fcc88d;
    --orange-500: #fbb467;
    --orange-600-base: #f8a945;
    --orange-700: #e89032;
    --orange-800: #c97d23;
    --orange-900: #7c5523;
    /* Red */
    --red-100: #fcf1f1;
    --red-200: #f6d5d8;
    --red-300: #edabb1;
    --red-400: #e37d85;
    --red-500: #da535e;
    --red-600-base: #cd2c39;
    --red-700: #a4232e;
    --red-800: #7a1a22;
    --red-900: #541218;
    /* Steel Blue */
    --steel-blue-100: #e3eaee;
    --steel-blue-200: #c0d1da;
    --steel-blue-300: #a3b8c5;
    --steel-blue-400: #7f96aa;
    --steel-blue-500: #627b90;
    --steel-blue-600-base: #4b647a;
    --steel-blue-700: #3f566e;
    --steel-blue-800: #2a3d4f;
    --steel-blue-900: #1e2831;
    /* Vibrant Purple */
    --vibrant-purple-100: #f2ecfe;
    --vibrant-purple-200: #e3d3fe;
    --vibrant-purple-300: #c9affd;
    --vibrant-purple-400: #b28cfb;
    --vibrant-purple-500: #9b6af9;
    --vibrant-purple-600-base: #8043f8;
    --vibrant-purple-700: #7a3ee8;
    --vibrant-purple-800: #6733c8;
    --vibrant-purple-900: #4d2895;
    /*Desktop*/
    /* Buttons / Colors / Delete Cancel */
    --buttons-colors-delete-cancel-button-delete-fill: var(--base-white);
    --buttons-colors-delete-cancel-button-delete-outline: var(--red-600-base);
    --buttons-colors-delete-cancel-button-cancel-outline: var(--gray-700);
    --buttons-colors-delete-cancel-button-cancel-fill: var(--base-white);
    /* Buttons / Colors / Micro */
    --buttons-colors-micro-button-micro-standard-fill: var(--e-biz-blue-100);
    --buttons-colors-micro-button-micro-standard-hover-fill: var(--e-biz-blue-200);
    --buttons-colors-micro-button-micro-layered-fill: var(--base-white);
    /* Buttons / Colors / Primary */
    --buttons-colors-primary-text: var(--colors-content-inverse-primary);
    --buttons-colors-primary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-primary-fill: var(--e-biz-blue-600-base);
    --buttons-colors-primary-hover-outline: var(--base-white);
    --buttons-colors-primary-hover-fill: var(--e-biz-blue-900);
    /* Buttons / Colors / Secondary */
    --buttons-colors-secondary-secondary-text: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-secondary-text-2: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-button-secondary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-secondary-button-secondary-fill: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-outline: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-fill: var(--e-biz-blue-600-base);
    /* Colors / Content */
    --colors-content-primary: var(--base-black);
    --colors-content-secondary: var(--gray-700);
    --colors-content-tertiary: var(--gray-500);
    --colors-content-inverse-primary: var(--base-white);
    --colors-content-inverse-secondary: var(--gray-300);
    --colors-content-error: var(--red-600-base);
    --colors-content-warning: var(--orange-600-base);
    --colors-content-warning-dark: var(--orange-900);
    --colors-content-link: var(--e-biz-blue-600-base);
    --colors-content-success-light: var(--green-600-base);
    --colors-content-success-dark: var(--green-900);
    --colors-content-brand: var(--e-biz-blue-600-base);
    --colors-content-brand-dark: var(--e-biz-blue-700);
    --colors-content-disabled-brand: var(--e-biz-blue-400-disabled);
    /* Colors / Fill */
    --colors-fill-primary: var(--base-white);
    --colors-fill-secondary: var(--gray-100);
    --colors-fill-tertiary: var(--gray-200);
    --colors-fill-quatrenary: var(--gray-300);
    --colors-fill-black: var(--base-black);
    --colors-fill-gray: var(--gray-700);
    --colors-fill-brand: var(--e-biz-blue-600-base);
    --colors-fill-brand-dark: var(--e-biz-blue-800);
    --colors-fill-brand-light: var(--e-biz-blue-100);
    --colors-fill-error: var(--red-600-base);
    --colors-fill-warning: var(--orange-600-base);
    --colors-fill-success-light-green: var(--green-600-base);
    --colors-fill-success-dark-green: var(--green-900);
    --colors-fill-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-fill-disabled-gray: var(--gray-200);
    /* Colors / Stroke */
    --colors-stroke-active: var(--e-biz-blue-600-base);
    --colors-stroke-brand: var(--e-biz-blue-600-base);
    --colors-stroke-light: var(--gray-300);
    --colors-stroke-medium: var(--gray-400);
    --colors-stroke-dark-primary: var(--base-black);
    --colors-stroke-dark-secondary: var(--gray-700);
    --colors-stroke-error: var(--red-600-base);
    --colors-stroke-success: var(--green-600-base);
    --colors-stroke-warning: var(--orange-600-base);
    /* Dropdown */
    --dropdown-dropdown-item-selected: var(--colors-fill-brand-light);
    --dropdown-dropdown-item-hover: var(--colors-fill-tertiary);
    /* Misc */
    --misc-side-nav: var(--gray-100);
    --misc-scroll-bar: var(--gray-400);
    --misc-hover-fill: var(--e-biz-blue-900);
    --misc-fill: var(--e-biz-blue-600-base);
    --misc-hover-outline: var(--base-white);
    --misc-outline: var(--e-biz-blue-600-base);
    /* Pills */
    --pills-error-fill: var(--red-100);
    --pills-error-text: var(--red-600-base);
    --pills-error-stroke: var(--colors-stroke-error);
    --pills-warning-fill: var(--orange-200);
    --pills-warning-text: var(--colors-content-warning-dark);
    --pills-success-fill: var(--green-100);
    --pills-success-text: var(--colors-content-success-dark);
    --pills-brand-fill: var(--e-biz-blue-100);
    --pills-brand-text: var(--e-biz-blue-900);
    /* Tab Strip */
    --tab-strip-border-primary: var(--colors-stroke-dark-primary);
    --tab-strip-text-default: var(--colors-content-secondary);
    /* Tables / Base Cell */
    --tables-base-cell-cell-hover-fill: var(--colors-fill-tertiary);
    --tables-base-cell-cell-selected-fill: var(--colors-fill-brand-light);
    --tables-base-cell-default-border: var(--colors-stroke-light);
    --tables-base-cell-selected-border: var(--colors-stroke-medium);
    /* Tables / Header */
    --tables-header-fill-color: var(--colors-fill-primary);
    --tables-header-border-color: var(--colors-fill-primary);
    --tables-header-search-field-border-color: var(--colors-stroke-medium);
    /* Tables / Header Cell */
    --tables-header-cell-fill-color: var(--colors-fill-primary);
    --tables-header-cell-default-border: var(--colors-stroke-light);
    --tables-header-cell-standard-fill-color: var(--colors-fill-secondary);
    /* Buttons / Colors / Delete Cancel */
    --buttons-colors-delete-cancel-button-delete-fill: var(--base-white);
    --buttons-colors-delete-cancel-button-delete-outline: var(--red-600-base);
    --buttons-colors-delete-cancel-button-cancel-outline: var(--gray-700);
    --buttons-colors-delete-cancel-button-cancel-fill: var(--base-white);
    /* Buttons / Colors / Micro */
    --buttons-colors-micro-button-micro-standard-fill: var(--e-biz-blue-100);
    --buttons-colors-micro-button-micro-standard-hover-fill: var(--e-biz-blue-200);
    --buttons-colors-micro-button-micro-layered-fill: var(--base-white);
    /* Buttons / Colors / Primary */
    --buttons-colors-primary-text: var(--colors-content-inverse-primary);
    --buttons-colors-primary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-primary-fill: var(--e-biz-blue-600-base);
    --buttons-colors-primary-hover-outline: var(--base-white);
    --buttons-colors-primary-hover-fill: var(--e-biz-blue-900);
    /* Buttons / Colors / Secondary */
    --buttons-colors-secondary-secondary-text: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-secondary-text-2: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-button-secondary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-secondary-button-secondary-fill: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-outline: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-fill: var(--e-biz-blue-600-base);
    /* Buttons 1:1 / Black / Default */
    --buttons-1-1-black-default-border-color: var(--colors-stroke-dark-primary);
    --buttons-1-1-black-default-fill: var(--colors-fill-black);
    --buttons-1-1-black-default-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Black / Disabled */
    --buttons-1-1-black-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-black-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-black-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Black / Hover */
    --buttons-1-1-black-hover-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-black-hover-fill: var(--colors-fill-grayscale-dark-secondary);
    --buttons-1-1-black-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Cancel | Clear / Default */
    --buttons-1-1-cancel-clear-default-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-cancel-clear-default-fill: var(--colors-fill-primary);
    --buttons-1-1-cancel-clear-default-fill-2: var(--colors-fill-primary);
    --buttons-1-1-cancel-clear-default-text-color: var(--colors-content-secondary);
    /* Buttons 1:1 / Cancel | Clear / Disabled */
    --buttons-1-1-cancel-clear-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-cancel-clear-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-cancel-clear-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Cancel | Clear / Hover */
    --buttons-1-1-cancel-clear-hover-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-cancel-clear-hover-fill: var(--colors-fill-gray);
    --buttons-1-1-cancel-clear-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Delete | Remove / Default */
    --buttons-1-1-delete-remove-default-border-color: var(--colors-stroke-error);
    --buttons-1-1-delete-remove-default-fill: var(--colors-fill-primary);
    --buttons-1-1-delete-remove-default-text-color: var(--colors-content-error);
    /* Buttons 1:1 / Delete | Remove / Disabled */
    --buttons-1-1-delete-remove-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-delete-remove-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-delete-remove-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Delete | Remove / Hover */
    --buttons-1-1-delete-remove-hover-border-color: var(--colors-stroke-error);
    --buttons-1-1-delete-remove-hover-fill: var(--colors-fill-error);
    --buttons-1-1-delete-remove-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Default */
    --buttons-1-1-primary-default-stroke: var(--colors-stroke-brand);
    --buttons-1-1-primary-default-fill: var(--colors-fill-brand);
    --buttons-1-1-primary-default-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Disabled */
    --buttons-1-1-primary-disabled-stroke: var(--colors-fill-disabled-brand);
    --buttons-1-1-primary-disabled-fill: var(--colors-fill-disabled-brand);
    --buttons-1-1-primary-disabled-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Hover */
    --buttons-1-1-primary-hover-stroke: var(--colors-fill-brand-dark);
    --buttons-1-1-primary-hover-fill: var(--colors-fill-brand-dark);
    --buttons-1-1-primary-hover-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Secondary / Default */
    --buttons-1-1-secondary-default-stroke: var(--colors-stroke-brand);
    --buttons-1-1-secondary-default-fill: var(--colors-fill-primary);
    --buttons-1-1-secondary-default-text: var(--colors-content-brand);
    /* Buttons 1:1 / Secondary / Disabled */
    --buttons-1-1-secondary-disabled-stroke: var(--colors-fill-disabled-brand);
    --buttons-1-1-secondary-disabled-fill: var(--colors-fill-primary);
    --buttons-1-1-secondary-disabled-text: var(--colors-content-disabled-brand);
    /* Buttons 1:1 / Secondary / Hover */
    --buttons-1-1-secondary-hover-stroke: var(--colors-fill-brand);
    --buttons-1-1-secondary-hover-fill: var(--colors-fill-brand);
    --buttons-1-1-secondary-hover-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Tertiary / Default */
    --buttons-1-1-tertiary-default-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-default-fill: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-default-text-color: var(--colors-content-primary);
    /* Buttons 1:1 / Tertiary / Disabled */
    --buttons-1-1-tertiary-disabled-stroke: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-tertiary-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Tertiary / Hover */
    --buttons-1-1-tertiary-hover-stroke: var(--colors-stroke-dark-primary);
    --buttons-1-1-tertiary-hover-fill: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-hover-text: var(--colors-content-primary);
    /* Colors / Content */
    --colors-content-primary: var(--base-black);
    --colors-content-secondary: var(--gray-700);
    --colors-content-tertiary: var(--gray-500);
    --colors-content-inverse-primary: var(--base-white);
    --colors-content-inverse-secondary: var(--gray-300);
    --colors-content-error: var(--red-600-base);
    --colors-content-warning: var(--orange-600-base);
    --colors-content-warning-dark: var(--orange-900);
    --colors-content-success-light: var(--green-600-base);
    --colors-content-success-dark: var(--green-900);
    --colors-content-link: var(--e-biz-blue-600-base);
    --colors-content-brand: var(--e-biz-blue-600-base);
    --colors-content-brand-dark: var(--e-biz-blue-700);
    --colors-content-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-content-disabled-brand-dark: var(--e-biz-blue-500);
    /* Colors / Fill / Accent */
    --colors-fill-accent-brand: var(--e-biz-blue-600-base);
    --colors-fill-accent-brand-light: var(--e-biz-blue-100);
    --colors-fill-accent-brand-dark: var(--e-biz-blue-800);
    --colors-fill-accent-brand-disabled: var(--e-biz-blue-400-disabled);
    --colors-fill-accent-error-light: var(--red-100);
    --colors-fill-accent-error: var(--red-600-base);
    --colors-fill-accent-error-dark: var(--red-800);
    --colors-fill-accent-warning-light: var(--orange-100);
    --colors-fill-accent-warning: var(--orange-600-base);
    --colors-fill-accent-warning-dark: var(--orange-800);
    --colors-fill-accent-success-light: var(--green-100);
    --colors-fill-accent-success: var(--green-600-base);
    --colors-fill-accent-success-dark: var(--green-900);
    /* Colors / Fill / Grayscale */
    --colors-fill-grayscale-light-primary: var(--base-white);
    --colors-fill-grayscale-light-secondary: var(--gray-100);
    --colors-fill-grayscale-light-tertiary: var(--gray-200);
    --colors-fill-grayscale-medium-primary: var(--gray-300);
    --colors-fill-grayscale-medium-secondary: var(--gray-400);
    --colors-fill-grayscale-medium-tertiary: var(--gray-600);
    --colors-fill-grayscale-dark-primary: var(--base-black);
    --colors-fill-grayscale-dark-secondary: var(--gray-800);
    --colors-fill-grayscale-dark-tertiary: var(--gray-700);
    /* Colors / Stroke */
    --colors-stroke-light: var(--gray-300);
    --colors-stroke-medium: var(--gray-400);
    --colors-stroke-dark-primary: var(--base-black);
    --colors-stroke-dark-secondary: var(--gray-700);
    --colors-stroke-active: var(--e-biz-blue-600-base);
    --colors-stroke-brand: var(--e-biz-blue-600-base);
    --colors-stroke-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-stroke-error: var(--red-600-base);
    --colors-stroke-success: var(--green-600-base);
    --colors-stroke-warning: var(--orange-600-base);
    /* Dropdown Field 1:1 / Default */
    --dropdown-field-1-1-default-border-color: var(--colors-stroke-light);
    --dropdown-field-1-1-default-fill: var(--colors-fill-primary);
    --dropdown-field-1-1-default-text-color: var(--colors-content-secondary);
    --dropdown-field-1-1-default-icon-color: var(--dropdown-field-1-1-default-text-color);
    /* Dropdown Item / Default */
    --dropdown-item-default-dropdown-item-selected: var(--colors-fill-brand-light);
    --dropdown-item-default-dropdown-item-hover: var(--colors-fill-tertiary);
    /* Misc */
    --misc-side-nav: var(--gray-100);
    --misc-scroll-bar: var(--gray-400);
    --misc-hover-fill: var(--e-biz-blue-900);
    --misc-fill: var(--e-biz-blue-600-base);
    --misc-hover-outline: var(--base-white);
    --misc-outline: var(--e-biz-blue-600-base);
    /* Pills */
    --pills-red-fill: var(--colors-fill-accent-error-light);
    --pills-red-text: var(--red-600-base);
    --pills-red-stroke: var(--colors-stroke-error);
    --pills-light-orange-fill: var(--orange-100);
    --pills-orange-fill: var(--orange-200);
    --pills-orange-text: var(--colors-content-warning-dark);
    --pills-light-orange-stroke: var(--orange-400);
    --pills-dark-orange-stroke: var(--colors-stroke-warning);
    --pills-green-fill: var(--colors-fill-accent-success-light);
    --pills-dark-green-fill: var(--green-200);
    --pills-green-text: var(--colors-content-success-dark);
    --pills-green-stroke: var(--colors-stroke-success);
    --pills-dark-green-stroke: var(--green-800);
    --pills-blue-fill: var(--colors-fill-brand-light);
    --pills-blue-text: var(--e-biz-blue-900);
    --pills-blue-stroke: var(--e-biz-blue-600-base);
    --pills-purple-fill: var(--vibrant-purple-100);
    --pills-purple-text: var(--vibrant-purple-900);
    --pills-purple-stroke: var(--vibrant-purple-600-base);
    --pills-grey-fill: var(--gray-200);
    --pills-grey-text: var(--colors-content-secondary);
    --pills-grey-stroke: var(--colors-stroke-medium);
    /* Tab Strip */
    --tab-strip-border-primary: var(--colors-stroke-dark-primary);
    --tab-strip-text-default: var(--colors-content-secondary);
    /* Tables / Base Cell */
    --tables-base-cell-cell-hover-fill: var(--colors-fill-tertiary);
    --tables-base-cell-cell-selected-fill: var(--colors-fill-brand-light);
    --tables-base-cell-default-border: var(--colors-stroke-light);
    --tables-base-cell-selected-border: var(--colors-stroke-medium);
    /* Tables / Header */
    --tables-header-fill-color: var(--colors-fill-primary);
    --tables-header-border-color: var(--colors-fill-primary);
    --tables-header-search-field-border-color: var(--colors-stroke-medium);
    /* Tables / Header Cell */
    --tables-header-cell-fill-color: var(--colors-fill-primary);
    --tables-header-cell-default-border: var(--colors-stroke-light);
    --tables-header-cell-standard-fill-color: var(--colors-fill-secondary);
}

.Mobile {
    /* Buttons / Colors / Delete Cancel */
    --buttons-colors-delete-cancel-button-delete-fill: var(--base-white);
    --buttons-colors-delete-cancel-button-delete-outline: var(--red-600-base);
    --buttons-colors-delete-cancel-button-cancel-outline: var(--gray-700);
    --buttons-colors-delete-cancel-button-cancel-fill: var(--base-white);
    /* Buttons / Colors / Micro */
    --buttons-colors-micro-button-micro-standard-fill: var(--e-biz-blue-100);
    --buttons-colors-micro-button-micro-standard-hover-fill: var(--e-biz-blue-200);
    --buttons-colors-micro-button-micro-layered-fill: var(--base-white);
    /* Buttons / Colors / Primary */
    --buttons-colors-primary-text: var(--colors-content-inverse-primary);
    --buttons-colors-primary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-primary-fill: var(--e-biz-blue-600-base);
    --buttons-colors-primary-hover-outline: var(--base-white);
    --buttons-colors-primary-hover-fill: var(--e-biz-blue-900);
    /* Buttons / Colors / Secondary */
    --buttons-colors-secondary-secondary-text: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-secondary-text-2: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-button-secondary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-secondary-button-secondary-fill: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-outline: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-fill: var(--e-biz-blue-600-base);
    /* Colors / Content */
    --colors-content-primary: var(--base-black);
    --colors-content-secondary: var(--gray-700);
    --colors-content-tertiary: var(--gray-500);
    --colors-content-inverse-primary: var(--base-white);
    --colors-content-inverse-secondary: var(--gray-300);
    --colors-content-error: var(--red-600-base);
    --colors-content-warning: var(--orange-600-base);
    --colors-content-warning-dark: var(--orange-900);
    --colors-content-link: var(--e-biz-blue-600-base);
    --colors-content-success-light: var(--green-600-base);
    --colors-content-success-dark: var(--green-900);
    --colors-content-brand: var(--e-biz-blue-600-base);
    --colors-content-brand-dark: var(--e-biz-blue-700);
    --colors-content-disabled-brand: var(--e-biz-blue-400-disabled);
    /* Colors / Fill */
    --colors-fill-primary: var(--base-white);
    --colors-fill-secondary: var(--gray-100);
    --colors-fill-tertiary: var(--gray-200);
    --colors-fill-quatrenary: var(--gray-300);
    --colors-fill-black: var(--base-black);
    --colors-fill-gray: var(--gray-700);
    --colors-fill-brand: var(--e-biz-blue-600-base);
    --colors-fill-brand-dark: var(--e-biz-blue-800);
    --colors-fill-brand-light: var(--e-biz-blue-100);
    --colors-fill-error: var(--red-600-base);
    --colors-fill-warning: var(--orange-600-base);
    --colors-fill-success-light-green: var(--green-600-base);
    --colors-fill-success-dark-green: var(--green-900);
    --colors-fill-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-fill-disabled-gray: var(--gray-200);
    /* Colors / Stroke */
    --colors-stroke-active: var(--e-biz-blue-600-base);
    --colors-stroke-brand: var(--e-biz-blue-600-base);
    --colors-stroke-light: var(--gray-300);
    --colors-stroke-medium: var(--gray-400);
    --colors-stroke-dark-primary: var(--base-black);
    --colors-stroke-dark-secondary: var(--gray-700);
    --colors-stroke-error: var(--red-600-base);
    --colors-stroke-success: var(--green-600-base);
    --colors-stroke-warning: var(--orange-600-base);
    /* Dropdown */
    --dropdown-dropdown-item-selected: var(--colors-fill-brand-light);
    --dropdown-dropdown-item-hover: var(--colors-fill-tertiary);
    /* Misc */
    --misc-side-nav: var(--gray-100);
    --misc-scroll-bar: var(--gray-400);
    --misc-hover-fill: var(--e-biz-blue-900);
    --misc-fill: var(--e-biz-blue-600-base);
    --misc-hover-outline: var(--base-white);
    --misc-outline: var(--e-biz-blue-600-base);
    /* Pills */
    --pills-error-fill: var(--red-100);
    --pills-error-text: var(--red-600-base);
    --pills-error-stroke: var(--colors-stroke-error);
    --pills-warning-fill: var(--orange-200);
    --pills-warning-text: var(--colors-content-warning-dark);
    --pills-success-fill: var(--green-100);
    --pills-success-text: var(--colors-content-success-dark);
    --pills-brand-fill: var(--e-biz-blue-100);
    --pills-brand-text: var(--e-biz-blue-900);
    /* Tab Strip */
    --tab-strip-border-primary: var(--colors-stroke-dark-primary);
    --tab-strip-text-default: var(--colors-content-secondary);
    /* Tables / Base Cell */
    --tables-base-cell-cell-hover-fill: var(--colors-fill-tertiary);
    --tables-base-cell-cell-selected-fill: var(--colors-fill-brand-light);
    --tables-base-cell-default-border: var(--colors-stroke-light);
    --tables-base-cell-selected-border: var(--colors-stroke-medium);
    /* Tables / Header */
    --tables-header-fill-color: var(--colors-fill-primary);
    --tables-header-border-color: var(--colors-fill-primary);
    --tables-header-search-field-border-color: var(--colors-stroke-medium);
    /* Tables / Header Cell */
    --tables-header-cell-fill-color: var(--colors-fill-primary);
    --tables-header-cell-default-border: var(--colors-stroke-light);
    --tables-header-cell-standard-fill-color: var(--colors-fill-secondary);
    /* Buttons / Colors / Delete Cancel */
    --buttons-colors-delete-cancel-button-delete-fill: var(--base-white);
    --buttons-colors-delete-cancel-button-delete-outline: var(--red-600-base);
    --buttons-colors-delete-cancel-button-cancel-outline: var(--gray-700);
    --buttons-colors-delete-cancel-button-cancel-fill: var(--base-white);
    /* Buttons / Colors / Micro */
    --buttons-colors-micro-button-micro-standard-fill: var(--e-biz-blue-100);
    --buttons-colors-micro-button-micro-standard-hover-fill: var(--e-biz-blue-200);
    --buttons-colors-micro-button-micro-layered-fill: var(--base-white);
    /* Buttons / Colors / Primary */
    --buttons-colors-primary-text: var(--colors-content-inverse-primary);
    --buttons-colors-primary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-primary-fill: var(--e-biz-blue-600-base);
    --buttons-colors-primary-hover-outline: var(--base-white);
    --buttons-colors-primary-hover-fill: var(--e-biz-blue-900);
    /* Buttons / Colors / Secondary */
    --buttons-colors-secondary-secondary-text: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-secondary-text-2: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-button-secondary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-secondary-button-secondary-fill: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-outline: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-fill: var(--e-biz-blue-600-base);
    /* Buttons 1:1 / Black / Default */
    --buttons-1-1-black-default-border-color: var(--colors-stroke-dark-primary);
    --buttons-1-1-black-default-fill: var(--colors-fill-black);
    --buttons-1-1-black-default-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Black / Disabled */
    --buttons-1-1-black-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-black-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-black-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Black / Hover */
    --buttons-1-1-black-hover-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-black-hover-fill: var(--colors-fill-grayscale-dark-secondary);
    --buttons-1-1-black-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Cancel | Clear / Default */
    --buttons-1-1-cancel-clear-default-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-cancel-clear-default-fill: var(--colors-fill-primary);
    --buttons-1-1-cancel-clear-default-fill-2: #fff;
    --buttons-1-1-cancel-clear-default-text-color: var(--colors-content-secondary);
    /* Buttons 1:1 / Cancel | Clear / Disabled */
    --buttons-1-1-cancel-clear-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-cancel-clear-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-cancel-clear-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Cancel | Clear / Hover */
    --buttons-1-1-cancel-clear-hover-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-cancel-clear-hover-fill: var(--colors-fill-gray);
    --buttons-1-1-cancel-clear-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Delete | Remove / Default */
    --buttons-1-1-delete-remove-default-border-color: var(--colors-stroke-error);
    --buttons-1-1-delete-remove-default-fill: var(--colors-fill-primary);
    --buttons-1-1-delete-remove-default-text-color: var(--colors-content-error);
    /* Buttons 1:1 / Delete | Remove / Disabled */
    --buttons-1-1-delete-remove-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-delete-remove-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-delete-remove-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Delete | Remove / Hover */
    --buttons-1-1-delete-remove-hover-border-color: var(--colors-stroke-error);
    --buttons-1-1-delete-remove-hover-fill: var(--colors-fill-error);
    --buttons-1-1-delete-remove-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Default */
    --buttons-1-1-primary-default-stroke: var(--colors-fill-brand);
    --buttons-1-1-primary-default-fill: var(--colors-fill-brand);
    --buttons-1-1-primary-default-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Disabled */
    --buttons-1-1-primary-disabled-stroke: var(--colors-fill-disabled-brand);
    --buttons-1-1-primary-disabled-fill: var(--colors-fill-disabled-brand);
    --buttons-1-1-primary-disabled-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Hover */
    --buttons-1-1-primary-hover-stroke: var(--colors-fill-brand-dark);
    --buttons-1-1-primary-hover-fill: var(--colors-fill-brand-dark);
    --buttons-1-1-primary-hover-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Secondary / Default */
    --buttons-1-1-secondary-default-stroke: var(--colors-fill-brand);
    --buttons-1-1-secondary-default-fill: var(--colors-fill-primary);
    --buttons-1-1-secondary-default-text: var(--colors-content-brand);
    /* Buttons 1:1 / Secondary / Disabled */
    --buttons-1-1-secondary-disabled-stroke: var(--colors-fill-disabled-brand);
    --buttons-1-1-secondary-disabled-fill: var(--colors-fill-primary);
    --buttons-1-1-secondary-disabled-text: var(--colors-content-disabled-brand);
    /* Buttons 1:1 / Secondary / Hover */
    --buttons-1-1-secondary-hover-stroke: var(--colors-fill-brand);
    --buttons-1-1-secondary-hover-fill: var(--colors-fill-brand);
    --buttons-1-1-secondary-hover-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Tertiary / Default */
    --buttons-1-1-tertiary-default-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-default-fill: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-default-text-color: var(--colors-content-primary);
    /* Buttons 1:1 / Tertiary / Disabled */
    --buttons-1-1-tertiary-disabled-stroke: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-tertiary-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Tertiary / Hover */
    --buttons-1-1-tertiary-hover-stroke: var(--colors-stroke-dark-primary);
    --buttons-1-1-tertiary-hover-fill: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-hover-text: var(--colors-content-primary);
    /* Colors / Content */
    --colors-content-primary: var(--base-black);
    --colors-content-secondary: var(--gray-700);
    --colors-content-tertiary: var(--gray-500);
    --colors-content-inverse-primary: var(--base-white);
    --colors-content-inverse-secondary: var(--gray-300);
    --colors-content-error: var(--red-600-base);
    --colors-content-warning: var(--orange-600-base);
    --colors-content-warning-dark: var(--orange-900);
    --colors-content-success-light: var(--green-600-base);
    --colors-content-success-dark: var(--green-900);
    --colors-content-link: var(--e-biz-blue-600-base);
    --colors-content-brand: var(--e-biz-blue-600-base);
    --colors-content-brand-dark: var(--e-biz-blue-700);
    --colors-content-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-content-disabled-brand-dark: var(--e-biz-blue-500);
    /* Colors / Fill / Accent */
    --colors-fill-accent-brand: var(--e-biz-blue-600-base);
    --colors-fill-accent-brand-light: var(--e-biz-blue-100);
    --colors-fill-accent-brand-dark: var(--e-biz-blue-800);
    --colors-fill-accent-brand-disabled: var(--e-biz-blue-400-disabled);
    --colors-fill-accent-error-light: var(--red-100);
    --colors-fill-accent-error: var(--red-600-base);
    --colors-fill-accent-error-dark: var(--red-800);
    --colors-fill-accent-warning-light: var(--orange-100);
    --colors-fill-accent-warning: var(--orange-600-base);
    --colors-fill-accent-warning-dark: var(--orange-800);
    --colors-fill-accent-success-light: var(--green-100);
    --colors-fill-accent-success: var(--green-600-base);
    --colors-fill-accent-success-dark: var(--green-900);
    /* Colors / Fill / Grayscale */
    --colors-fill-grayscale-light-primary: var(--base-white);
    --colors-fill-grayscale-light-secondary: var(--gray-100);
    --colors-fill-grayscale-light-tertiary: var(--gray-200);
    --colors-fill-grayscale-medium-primary: var(--gray-300);
    --colors-fill-grayscale-medium-secondary: var(--gray-400);
    --colors-fill-grayscale-medium-tertiary: var(--gray-600);
    --colors-fill-grayscale-dark-primary: var(--base-black);
    --colors-fill-grayscale-dark-secondary: var(--gray-800);
    --colors-fill-grayscale-dark-tertiary: var(--gray-700);
    /* Colors / Stroke */
    --colors-stroke-light: var(--gray-300);
    --colors-stroke-medium: var(--gray-400);
    --colors-stroke-dark-primary: var(--base-black);
    --colors-stroke-dark-secondary: var(--gray-700);
    --colors-stroke-active: var(--e-biz-blue-600-base);
    --colors-stroke-brand: var(--e-biz-blue-600-base);
    --colors-stroke-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-stroke-error: var(--red-600-base);
    --colors-stroke-success: var(--green-600-base);
    --colors-stroke-warning: var(--orange-600-base);
    /* Dropdown Field 1:1 / Default */
    --dropdown-field-1-1-default-border-color: var(--colors-stroke-light);
    --dropdown-field-1-1-default-fill: var(--colors-fill-primary);
    --dropdown-field-1-1-default-text-color: var(--colors-content-secondary);
    --dropdown-field-1-1-default-icon-color: var(--dropdown-field-1-1-default-text-color);
    /* Dropdown Item / Default */
    --dropdown-item-default-dropdown-item-selected: var(--colors-fill-brand-light);
    --dropdown-item-default-dropdown-item-hover: var(--colors-fill-tertiary);
    /* Misc */
    --misc-side-nav: var(--gray-100);
    --misc-scroll-bar: var(--gray-400);
    --misc-hover-fill: var(--e-biz-blue-900);
    --misc-fill: var(--e-biz-blue-600-base);
    --misc-hover-outline: var(--base-white);
    --misc-outline: var(--e-biz-blue-600-base);
    /* Pills */
    --pills-red-fill: var(--colors-fill-accent-error-light);
    --pills-red-text: var(--red-600-base);
    --pills-red-stroke: var(--colors-stroke-error);
    --pills-light-orange-fill: var(--orange-100);
    --pills-orange-fill: var(--orange-200);
    --pills-orange-text: var(--colors-content-warning-dark);
    --pills-light-orange-stroke: var(--orange-400);
    --pills-dark-orange-stroke: var(--colors-stroke-warning);
    --pills-green-fill: var(--colors-fill-accent-success-light);
    --pills-dark-green-fill: var(--green-200);
    --pills-green-text: var(--colors-content-success-dark);
    --pills-green-stroke: var(--colors-stroke-success);
    --pills-dark-green-stroke: var(--green-800);
    --pills-blue-fill: var(--colors-fill-brand-light);
    --pills-blue-text: var(--e-biz-blue-900);
    --pills-blue-stroke: var(--e-biz-blue-600-base);
    --pills-purple-fill: var(--vibrant-purple-100);
    --pills-purple-text: var(--vibrant-purple-900);
    --pills-purple-stroke: var(--vibrant-purple-600-base);
    --pills-grey-fill: var(--gray-200);
    --pills-grey-text: var(--colors-content-secondary);
    --pills-grey-stroke: var(--colors-stroke-medium);
    /* Tab Strip */
    --tab-strip-border-primary: var(--colors-stroke-dark-primary);
    --tab-strip-text-default: var(--colors-content-secondary);
    /* Tables / Base Cell */
    --tables-base-cell-cell-hover-fill: var(--colors-fill-tertiary);
    --tables-base-cell-cell-selected-fill: var(--colors-fill-brand-light);
    --tables-base-cell-default-border: var(--colors-stroke-light);
    --tables-base-cell-selected-border: var(--colors-stroke-medium);
    /* Tables / Header */
    --tables-header-fill-color: var(--colors-fill-primary);
    --tables-header-border-color: var(--colors-fill-primary);
    --tables-header-search-field-border-color: var(--colors-stroke-medium);
    /* Tables / Header Cell */
    --tables-header-cell-fill-color: var(--colors-fill-primary);
    --tables-header-cell-default-border: var(--colors-stroke-light);
    --tables-header-cell-standard-fill-color: var(--colors-fill-secondary);
}