/**
 * Do not edit directly, this file was auto-generated.
 */
[data-brand=diil][data-theme=light], [data-brand=diil] [data-theme=light] {
  --color-palette-purple-50: #FAF0FF;
  --color-palette-purple-100: #F5E0FF;
  --color-palette-purple-200: #E4B6FB;
  --color-palette-purple-300: #D58DF9;
  --color-palette-purple-400: #C461F7;
  --color-palette-purple-500: #B12DF4;
  --color-palette-purple-550: #990AE3;
  --color-palette-purple-600: #8C07D0;
  --color-palette-purple-700: #6D02A3;
  --color-palette-purple-800: #4E0174;
  --color-palette-purple-900: #29003E;
  --color-palette-purple-950: #1F002E;
  --color-palette-green-50: #E1F9EC;
  --color-palette-green-100: #C5EFD9;
  --color-palette-green-200: #79D9A7;
  --color-palette-green-300: #3DBF7C;
  --color-palette-green-400: #21A762;
  --color-palette-green-500: #018842;
  --color-palette-green-600: #017037;
  --color-palette-green-700: #02562B;
  --color-palette-green-800: #003E1E;
  --color-palette-green-900: #002411;
  --color-palette-green-950: #00150A;
  --color-palette-blue-50: #E8F6FF;
  --color-palette-blue-100: #CAEAFF;
  --color-palette-blue-200: #91CDF4;
  --color-palette-blue-300: #62B2E7;
  --color-palette-blue-400: #3898D8;
  --color-palette-blue-500: #0078CB;
  --color-palette-blue-600: #0063A6;
  --color-palette-blue-700: #014D80;
  --color-palette-blue-800: #03385B;
  --color-palette-blue-900: #002036;
  --color-palette-blue-950: #011320;
  --color-palette-teal-50: #EDF5F5;
  --color-palette-teal-100: #D5EAE9;
  --color-palette-teal-200: #A1CFCD;
  --color-palette-teal-300: #6EB5B2;
  --color-palette-teal-400: #579E9A;
  --color-palette-teal-500: #00847E;
  --color-palette-teal-600: #006C67;
  --color-palette-teal-700: #02534F;
  --color-palette-teal-800: #063C39;
  --color-palette-teal-900: #032220;
  --color-palette-teal-950: #011413;
  --color-palette-red-50: #FFF0F5;
  --color-palette-red-100: #FFDDE8;
  --color-palette-red-200: #FFAFC9;
  --color-palette-red-300: #FF80AB;
  --color-palette-red-400: #F15C8B;
  --color-palette-red-500: #E4175C;
  --color-palette-red-600: #C00543;
  --color-palette-red-700: #980233;
  --color-palette-red-800: #700025;
  --color-palette-red-900: #440016;
  --color-palette-red-950: #2C000E;
  --color-palette-orange-50: #FFF2DE;
  --color-palette-orange-100: #FFE1B3;
  --color-palette-orange-200: #F9BB5B;
  --color-palette-orange-300: #F19812;
  --color-palette-orange-400: #D17E00;
  --color-palette-orange-500: #A86602;
  --color-palette-orange-600: #8B5301;
  --color-palette-orange-700: #6A4102;
  --color-palette-orange-800: #4C2F03;
  --color-palette-orange-900: #2B1B03;
  --color-palette-orange-950: #1A0F00;
  --color-palette-pink-50: #FCEFFB;
  --color-palette-pink-100: #F9DAF5;
  --color-palette-pink-200: #F5B3E8;
  --color-palette-pink-300: #F082D9;
  --color-palette-pink-400: #E558C9;
  --color-palette-pink-500: #C42EAD;
  --color-palette-pink-550: #B12399;
  --color-palette-pink-600: #A9188D;
  --color-palette-pink-700: #891774;
  --color-palette-pink-800: #670E55;
  --color-palette-pink-900: #370B30;
  --color-palette-pink-950: #20071C;
  --color-palette-white-50: rgb(255, 255, 255, 0.07);
  --color-palette-white-100: rgb(255, 255, 255, 0.11);
  --color-palette-white-150: rgb(255, 255, 255, 0.16);
  --color-palette-white-200: rgb(255, 255, 255, 0.21);
  --color-palette-white-300: rgb(255, 255, 255, 0.29);
  --color-palette-white-400: rgb(255, 255, 255, 0.37);
  --color-palette-white-500: rgb(255, 255, 255, 0.46);
  --color-palette-white-600: rgb(255, 255, 255, 0.55);
  --color-palette-white-700: rgb(255, 255, 255, 0.66);
  --color-palette-white-800: rgb(255, 255, 255, 0.79);
  --color-palette-white-850: rgb(255, 255, 255, 0.84);
  --color-palette-white-900: rgb(255, 255, 255, 0.89);
  --color-palette-white-950: rgb(255, 255, 255, 0.95);
  --color-palette-grey-0: #FFFFFF;
  --color-palette-grey-50: #F3F3F8;
  --color-palette-grey-100: #E5E5EB;
  --color-palette-grey-150: #D6D6DD;
  --color-palette-grey-200: #C6C6CD;
  --color-palette-grey-300: #AAAAB0;
  --color-palette-grey-400: #8D8D94;
  --color-palette-grey-500: #757579;
  --color-palette-grey-600: #5F5F63;
  --color-palette-grey-700: #4A4A4D;
  --color-palette-grey-800: #303033;
  --color-palette-grey-850: #252528;
  --color-palette-grey-900: #1E1E20;
  --color-palette-grey-950: #111111;
  --color-palette-grey-1000: #000000;
  --color-palette-black-50: rgb(0, 0, 0, 0.05);
  --color-palette-black-100: rgb(0, 0, 0, 0.1);
  --color-palette-black-150: rgb(0, 0, 0, 0.16);
  --color-palette-black-200: rgb(0, 0, 0, 0.22);
  --color-palette-black-300: rgb(0, 0, 0, 0.33);
  --color-palette-black-400: rgb(0, 0, 0, 0.44);
  --color-palette-black-500: rgb(0, 0, 0, 0.54);
  --color-palette-black-600: rgb(0, 0, 0, 0.62);
  --color-palette-black-700: rgb(0, 0, 0, 0.71);
  --color-palette-black-800: rgb(0, 0, 0, 0.8);
  --color-palette-black-850: rgb(0, 0, 0, 0.84);
  --color-palette-black-900: rgb(0, 0, 0, 0.88);
  --color-palette-black-950: rgb(0, 0, 0, 0.93);
  --color-palette-beige-50: #F9F1EC;
  --color-palette-beige-100: #EDE1D8;
  --color-palette-beige-200: #D7C3B5;
  --color-palette-beige-300: #BBA494;
  --color-palette-beige-400: #A08A7A;
  --color-palette-beige-500: #807268;
  --color-palette-beige-600: #665E58;
  --color-palette-beige-700: #4F4741;
  --color-palette-beige-800: #3B332D;
  --color-palette-beige-900: #241C16;
  --color-palette-beige-950: #170F09;
  --color-palette-yellow-50: #FFF4C3;
  --color-palette-yellow-100: #FFEB90;
  --color-palette-yellow-150: #FDD001;
  --color-palette-yellow-200: #EEB00F;
  --color-palette-yellow-300: #DCA415;
  --color-palette-yellow-400: #C69414;
  --color-palette-yellow-500: #865A07;
  --color-palette-yellow-600: #7B5101;
  --color-palette-yellow-700: #644100;
  --color-palette-yellow-800: #492F00;
  --color-palette-yellow-900: #291B00;
  --color-palette-yellow-950: #181000;
  --color-palette-magenta-50: #FEF0F7;
  --color-palette-magenta-100: #FBE1ED;
  --color-palette-magenta-200: #F4AFCF;
  --color-palette-magenta-300: #F686BB;
  --color-palette-magenta-400: #F6529F;
  --color-palette-magenta-500: #DD0067;
  --color-palette-magenta-600: #AC165B;
  --color-palette-magenta-700: #861348;
  --color-palette-magenta-800: #680835;
  --color-palette-magenta-900: #4D0423;
  --color-palette-magenta-950: #320113;
  --type-h4-font-size: 1.25rem;
  --type-h4-line-height: 1.3;
  --type-h4-xl-font-size: 1.375rem;
  --type-h4-xl-line-height: 1.27;
  --type-h5-font-size: 1.125rem;
  --type-h5-line-height: 1.3333;
  --type-font-size: 1rem;
  --type-line-height: 1.375;
  --type-small-font-size: 0.875rem;
  --type-small-line-height: 1.43;
  --type-tiny-font-size: 0.75rem;
  --type-tiny-line-height: 1.334;
  --type-font-family: "Tahoma", "Geneva", "Verdana", "freesans", sans-serif;
  --type-font-family-display: "Tahoma", "Geneva", "Verdana", "freesans", sans-serif;
  --type-h1-font-size: 2.125rem;
  --type-h1-line-height: 1.1765;
  --type-h1-font-weight: 700;
  --type-h1-text-transform: none;
  --type-h1-sm-font-size: 2.625rem;
  --type-h1-sm-line-height: 1.143;
  --type-h1-xl-font-size: 3.125rem;
  --type-h1-xl-line-height: 1.12;
  --type-h2-font-size: 1.5rem;
  --type-h2-line-height: 1.25;
  --type-h2-font-weight: 700;
  --type-h2-sm-font-size: 1.625rem;
  --type-h2-sm-line-height: 1.231;
  --type-h2-xl-font-size: 2.125rem;
  --type-h2-xl-line-height: 1.17;
  --type-h3-font-size: 1.25rem;
  --type-h3-line-height: 1.3;
  --type-h3-font-weight: 700;
  --type-h3-sm-font-size: 1.25rem;
  --type-h3-sm-line-height: 1.3;
  --type-h3-xl-font-size: 1.625rem;
  --type-h3-xl-line-height: 1.231;
  --color-attention-text: var(--color-palette-orange-600);
  --color-attention-text-onbg-strong: var(--color-palette-grey-0);
  --color-attention-graphic: var(--color-palette-orange-500);
  --color-attention-border: var(--color-palette-orange-500);
  --color-attention-border-subtle: var(--color-palette-orange-300);
  --color-attention-bg-subtle: var(--color-palette-orange-100);
  --color-attention-bg-strong: var(--color-palette-orange-500);
  --color-attention-bg-strong-hover: var(--color-palette-orange-600);
  --color-attention-bg-strong-pressed: var(--color-palette-orange-700);
  --color-backdrop: var(--color-palette-black-800);
  --color-disabled-text: var(--color-palette-black-300);
  --color-disabled-border: var(--color-palette-black-100);
  --color-disabled-bg: var(--color-palette-black-100);
  --color-employee-text: var(--color-palette-pink-550);
  --color-employee-text-hover: var(--color-palette-pink-600);
  --color-employee-text-onbg-strong: var(--color-palette-grey-0);
  --color-employee-graphic: var(--color-palette-pink-500);
  --color-employee-border: var(--color-palette-pink-500);
  --color-employee-border-subtle: var(--color-palette-pink-300);
  --color-employee-bg-subtlest: var(--color-palette-pink-50);
  --color-employee-bg-subtle: var(--color-palette-pink-100);
  --color-employee-bg-strong: var(--color-palette-pink-500);
  --color-employee-bg-strong-hover: var(--color-palette-pink-600);
  --color-employee-bg-strong-pressed: var(--color-palette-pink-700);
  --color-error-text: var(--color-palette-red-600);
  --color-error-text-hover: var(--color-palette-red-700);
  --color-error-text-onbg-strong: var(--color-palette-grey-0);
  --color-error-graphic: var(--color-palette-red-500);
  --color-error-border: var(--color-palette-red-500);
  --color-error-border-subtle: var(--color-palette-red-300);
  --color-error-bg-subtle: var(--color-palette-red-100);
  --color-error-bg-strong: var(--color-palette-red-500);
  --color-error-bg-strong-hover: var(--color-palette-red-600);
  --color-error-bg-strong-pressed: var(--color-palette-red-700);
  --color-focus-outline: var(--color-palette-blue-500);
  --color-info-text: var(--color-palette-blue-600);
  --color-info-text-onbg-strong: var(--color-palette-grey-0);
  --color-info-graphic: var(--color-palette-blue-500);
  --color-info-border: var(--color-palette-blue-500);
  --color-info-border-subtle: var(--color-palette-blue-300);
  --color-info-bg-subtle: var(--color-palette-blue-100);
  --color-info-bg-strong: var(--color-palette-blue-500);
  --color-info-bg-strong-hover: var(--color-palette-blue-600);
  --color-info-bg-strong-pressed: var(--color-palette-blue-700);
  --color-neutral-text: var(--color-palette-black-900);
  --color-neutral-text-subtle: var(--color-palette-black-600);
  --color-neutral-text-onbg-strong: var(--color-palette-grey-0);
  --color-neutral-graphic: var(--color-palette-grey-1000);
  --color-neutral-border: var(--color-palette-black-400);
  --color-neutral-border-subtle: var(--color-palette-black-200);
  --color-neutral-border-subtlest: var(--color-palette-black-100);
  --color-neutral-bg-subtlest: var(--color-palette-black-50);
  --color-neutral-bg-subtle: var(--color-palette-black-100);
  --color-neutral-bg-hover: var(--color-palette-black-50);
  --color-neutral-bg-strong: var(--color-palette-grey-950);
  --color-neutral-bg-strong-hover: var(--color-palette-grey-850);
  --color-neutral-bg-strong-pressed: var(--color-palette-grey-700);
  --color-neutral-bg-level-1: var(--color-palette-grey-0);
  --color-neutral-bg-level-2: var(--color-palette-grey-50);
  --color-neutral-bg-level-3: var(--color-palette-grey-0);
  --color-neutral-bg-level-4: var(--color-palette-grey-50);
  --color-neutral-bg-lighten: var(--color-palette-white-900);
  --color-success-text: var(--color-palette-green-600);
  --color-success-text-onbg-strong: var(--color-palette-grey-0);
  --color-success-graphic: var(--color-palette-green-500);
  --color-success-border: var(--color-palette-green-500);
  --color-success-border-subtle: var(--color-palette-green-300);
  --color-success-bg-subtle: var(--color-palette-green-100);
  --color-success-bg-strong: var(--color-palette-green-500);
  --color-success-bg-strong-hover: var(--color-palette-green-600);
  --color-success-bg-strong-pressed: var(--color-palette-green-700);
  --color-brand-primary-text: var(--color-palette-teal-600);
  --color-brand-primary-text-hover: var(--color-palette-teal-700);
  --color-brand-primary-text-subtle: var(--color-palette-teal-800);
  --color-brand-primary-text-onbg-strong: var(--color-palette-grey-0);
  --color-brand-primary-graphic: var(--color-palette-teal-500);
  --color-brand-primary-border: var(--color-palette-teal-500);
  --color-brand-primary-border-subtle: var(--color-palette-teal-300);
  --color-brand-primary-bg-subtle: var(--color-palette-teal-100);
  --color-brand-primary-bg-strong: var(--color-palette-teal-500);
  --color-brand-primary-bg-strong-hover: var(--color-palette-teal-600);
  --color-brand-primary-bg-strong-pressed: var(--color-palette-teal-700);
  --color-brand-expressive-text: var(--color-palette-red-700);
  --color-brand-expressive-text-hover: var(--color-palette-red-600);
  --color-brand-expressive-text-onbg-strong: var(--color-palette-grey-0);
  --color-brand-expressive-graphic: var(--color-palette-red-500);
  --color-brand-expressive-border: var(--color-palette-red-500);
  --color-brand-expressive-border-subtle: var(--color-palette-red-300);
  --color-brand-expressive-bg-subtle: var(--color-palette-red-100);
  --color-brand-expressive-bg-strong: var(--color-palette-red-500);
  --color-brand-expressive-bg-strong-hover: var(--color-palette-red-600);
  --color-brand-expressive-bg-strong-pressed: var(--color-palette-red-700);
  --color-brand-secondary-text: var(--color-palette-beige-700);
  --color-brand-secondary-bg-subtlest: var(--color-palette-beige-50);
  --color-brand-secondary-bg-subtlest-hover: var(--color-palette-beige-100);
  --color-brand-secondary-bg-subtle: var(--color-palette-beige-100);
  --color-campaign-1-text: var(--color-palette-teal-600);
  --color-campaign-1-bg: var(--color-palette-teal-100);
  --color-campaign-2-text: var(--color-palette-red-600);
  --color-campaign-2-bg: var(--color-palette-red-100);
  --color-campaign-3-text: var(--color-palette-grey-0);
  --color-campaign-3-bg: var(--color-palette-red-500);
  --color-campaign-4-text: var(--color-palette-grey-0);
  --color-campaign-4-bg: var(--color-palette-teal-500);
  --color-chart-1: var(--color-palette-teal-700);
  --color-chart-2: var(--color-palette-teal-400);
  --color-chart-3: var(--color-palette-green-700);
  --color-chart-4: var(--color-palette-orange-400);
  --color-chart-5: var(--color-palette-blue-600);
  --color-chart-6: var(--color-palette-pink-400);
  --color-chart-7: var(--color-palette-blue-700);
  --type-h1-font-family: var(--type-font-family-display);
  --type-h2-font-family: var(--type-font-family-display);
  --type-h3-font-family: var(--type-font-family);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
[data-brand=diil][data-theme=dark], [data-brand=diil] [data-theme=dark] {
  --color-palette-purple-50: #FAF0FF;
  --color-palette-purple-100: #F5E0FF;
  --color-palette-purple-200: #E4B6FB;
  --color-palette-purple-300: #D58DF9;
  --color-palette-purple-400: #C461F7;
  --color-palette-purple-500: #B12DF4;
  --color-palette-purple-550: #990AE3;
  --color-palette-purple-600: #8C07D0;
  --color-palette-purple-700: #6D02A3;
  --color-palette-purple-800: #4E0174;
  --color-palette-purple-900: #29003E;
  --color-palette-purple-950: #1F002E;
  --color-palette-green-50: #E1F9EC;
  --color-palette-green-100: #C5EFD9;
  --color-palette-green-200: #79D9A7;
  --color-palette-green-300: #3DBF7C;
  --color-palette-green-400: #21A762;
  --color-palette-green-500: #018842;
  --color-palette-green-600: #017037;
  --color-palette-green-700: #02562B;
  --color-palette-green-800: #003E1E;
  --color-palette-green-900: #002411;
  --color-palette-green-950: #00150A;
  --color-palette-blue-50: #E8F6FF;
  --color-palette-blue-100: #CAEAFF;
  --color-palette-blue-200: #91CDF4;
  --color-palette-blue-300: #62B2E7;
  --color-palette-blue-400: #3898D8;
  --color-palette-blue-500: #0078CB;
  --color-palette-blue-600: #0063A6;
  --color-palette-blue-700: #014D80;
  --color-palette-blue-800: #03385B;
  --color-palette-blue-900: #002036;
  --color-palette-blue-950: #011320;
  --color-palette-teal-50: #EDF5F5;
  --color-palette-teal-100: #D5EAE9;
  --color-palette-teal-200: #A1CFCD;
  --color-palette-teal-300: #6EB5B2;
  --color-palette-teal-400: #579E9A;
  --color-palette-teal-500: #00847E;
  --color-palette-teal-600: #006C67;
  --color-palette-teal-700: #02534F;
  --color-palette-teal-800: #063C39;
  --color-palette-teal-900: #032220;
  --color-palette-teal-950: #011413;
  --color-palette-red-50: #FFF0F5;
  --color-palette-red-100: #FFDDE8;
  --color-palette-red-200: #FFAFC9;
  --color-palette-red-300: #FF80AB;
  --color-palette-red-400: #F15C8B;
  --color-palette-red-500: #E4175C;
  --color-palette-red-600: #C00543;
  --color-palette-red-700: #980233;
  --color-palette-red-800: #700025;
  --color-palette-red-900: #440016;
  --color-palette-red-950: #2C000E;
  --color-palette-orange-50: #FFF2DE;
  --color-palette-orange-100: #FFE1B3;
  --color-palette-orange-200: #F9BB5B;
  --color-palette-orange-300: #F19812;
  --color-palette-orange-400: #D17E00;
  --color-palette-orange-500: #A86602;
  --color-palette-orange-600: #8B5301;
  --color-palette-orange-700: #6A4102;
  --color-palette-orange-800: #4C2F03;
  --color-palette-orange-900: #2B1B03;
  --color-palette-orange-950: #1A0F00;
  --color-palette-pink-50: #FCEFFB;
  --color-palette-pink-100: #F9DAF5;
  --color-palette-pink-200: #F5B3E8;
  --color-palette-pink-300: #F082D9;
  --color-palette-pink-400: #E558C9;
  --color-palette-pink-500: #C42EAD;
  --color-palette-pink-550: #B12399;
  --color-palette-pink-600: #A9188D;
  --color-palette-pink-700: #891774;
  --color-palette-pink-800: #670E55;
  --color-palette-pink-900: #370B30;
  --color-palette-pink-950: #20071C;
  --color-palette-white-50: rgb(255, 255, 255, 0.07);
  --color-palette-white-100: rgb(255, 255, 255, 0.11);
  --color-palette-white-150: rgb(255, 255, 255, 0.16);
  --color-palette-white-200: rgb(255, 255, 255, 0.21);
  --color-palette-white-300: rgb(255, 255, 255, 0.29);
  --color-palette-white-400: rgb(255, 255, 255, 0.37);
  --color-palette-white-500: rgb(255, 255, 255, 0.46);
  --color-palette-white-600: rgb(255, 255, 255, 0.55);
  --color-palette-white-700: rgb(255, 255, 255, 0.66);
  --color-palette-white-800: rgb(255, 255, 255, 0.79);
  --color-palette-white-850: rgb(255, 255, 255, 0.84);
  --color-palette-white-900: rgb(255, 255, 255, 0.89);
  --color-palette-white-950: rgb(255, 255, 255, 0.95);
  --color-palette-grey-0: #FFFFFF;
  --color-palette-grey-50: #F3F3F8;
  --color-palette-grey-100: #E5E5EB;
  --color-palette-grey-150: #D6D6DD;
  --color-palette-grey-200: #C6C6CD;
  --color-palette-grey-300: #AAAAB0;
  --color-palette-grey-400: #8D8D94;
  --color-palette-grey-500: #757579;
  --color-palette-grey-600: #5F5F63;
  --color-palette-grey-700: #4A4A4D;
  --color-palette-grey-800: #303033;
  --color-palette-grey-850: #252528;
  --color-palette-grey-900: #1E1E20;
  --color-palette-grey-950: #111111;
  --color-palette-grey-1000: #000000;
  --color-palette-black-50: rgb(0, 0, 0, 0.05);
  --color-palette-black-100: rgb(0, 0, 0, 0.1);
  --color-palette-black-150: rgb(0, 0, 0, 0.16);
  --color-palette-black-200: rgb(0, 0, 0, 0.22);
  --color-palette-black-300: rgb(0, 0, 0, 0.33);
  --color-palette-black-400: rgb(0, 0, 0, 0.44);
  --color-palette-black-500: rgb(0, 0, 0, 0.54);
  --color-palette-black-600: rgb(0, 0, 0, 0.62);
  --color-palette-black-700: rgb(0, 0, 0, 0.71);
  --color-palette-black-800: rgb(0, 0, 0, 0.8);
  --color-palette-black-850: rgb(0, 0, 0, 0.84);
  --color-palette-black-900: rgb(0, 0, 0, 0.88);
  --color-palette-black-950: rgb(0, 0, 0, 0.93);
  --color-palette-beige-50: #F9F1EC;
  --color-palette-beige-100: #EDE1D8;
  --color-palette-beige-200: #D7C3B5;
  --color-palette-beige-300: #BBA494;
  --color-palette-beige-400: #A08A7A;
  --color-palette-beige-500: #807268;
  --color-palette-beige-600: #665E58;
  --color-palette-beige-700: #4F4741;
  --color-palette-beige-800: #3B332D;
  --color-palette-beige-900: #241C16;
  --color-palette-beige-950: #170F09;
  --color-palette-yellow-50: #FFF4C3;
  --color-palette-yellow-100: #FFEB90;
  --color-palette-yellow-150: #FDD001;
  --color-palette-yellow-200: #EEB00F;
  --color-palette-yellow-300: #DCA415;
  --color-palette-yellow-400: #C69414;
  --color-palette-yellow-500: #865A07;
  --color-palette-yellow-600: #7B5101;
  --color-palette-yellow-700: #644100;
  --color-palette-yellow-800: #492F00;
  --color-palette-yellow-900: #291B00;
  --color-palette-yellow-950: #181000;
  --color-palette-magenta-50: #FEF0F7;
  --color-palette-magenta-100: #FBE1ED;
  --color-palette-magenta-200: #F4AFCF;
  --color-palette-magenta-300: #F686BB;
  --color-palette-magenta-400: #F6529F;
  --color-palette-magenta-500: #DD0067;
  --color-palette-magenta-600: #AC165B;
  --color-palette-magenta-700: #861348;
  --color-palette-magenta-800: #680835;
  --color-palette-magenta-900: #4D0423;
  --color-palette-magenta-950: #320113;
  --type-h4-font-size: 1.25rem;
  --type-h4-line-height: 1.3;
  --type-h4-xl-font-size: 1.375rem;
  --type-h4-xl-line-height: 1.27;
  --type-h5-font-size: 1.125rem;
  --type-h5-line-height: 1.3333;
  --type-font-size: 1rem;
  --type-line-height: 1.375;
  --type-small-font-size: 0.875rem;
  --type-small-line-height: 1.43;
  --type-tiny-font-size: 0.75rem;
  --type-tiny-line-height: 1.334;
  --type-font-family: "Tahoma", "Geneva", "Verdana", "freesans", sans-serif;
  --type-font-family-display: "Tahoma", "Geneva", "Verdana", "freesans", sans-serif;
  --type-h1-font-size: 2.125rem;
  --type-h1-line-height: 1.1765;
  --type-h1-font-weight: 700;
  --type-h1-text-transform: none;
  --type-h1-sm-font-size: 2.625rem;
  --type-h1-sm-line-height: 1.143;
  --type-h1-xl-font-size: 3.125rem;
  --type-h1-xl-line-height: 1.12;
  --type-h2-font-size: 1.5rem;
  --type-h2-line-height: 1.25;
  --type-h2-font-weight: 700;
  --type-h2-sm-font-size: 1.625rem;
  --type-h2-sm-line-height: 1.231;
  --type-h2-xl-font-size: 2.125rem;
  --type-h2-xl-line-height: 1.17;
  --type-h3-font-size: 1.25rem;
  --type-h3-line-height: 1.3;
  --type-h3-font-weight: 700;
  --type-h3-sm-font-size: 1.25rem;
  --type-h3-sm-line-height: 1.3;
  --type-h3-xl-font-size: 1.625rem;
  --type-h3-xl-line-height: 1.231;
  --color-attention-text: var(--color-palette-orange-300);
  --color-attention-text-onbg-strong: var(--color-palette-grey-0);
  --color-attention-graphic: var(--color-palette-orange-400);
  --color-attention-border: var(--color-palette-orange-400);
  --color-attention-border-subtle: var(--color-palette-orange-700);
  --color-attention-bg-subtle: var(--color-palette-orange-800);
  --color-attention-bg-strong: var(--color-palette-orange-500);
  --color-attention-bg-strong-hover: var(--color-palette-orange-600);
  --color-attention-bg-strong-pressed: var(--color-palette-orange-700);
  --color-backdrop: var(--color-palette-black-800);
  --color-disabled-text: var(--color-palette-white-300);
  --color-disabled-border: var(--color-palette-white-100);
  --color-disabled-bg: var(--color-palette-white-100);
  --color-employee-text: var(--color-palette-pink-300);
  --color-employee-text-hover: var(--color-palette-pink-200);
  --color-employee-text-onbg-strong: var(--color-palette-grey-0);
  --color-employee-graphic: var(--color-palette-pink-400);
  --color-employee-border: var(--color-palette-pink-400);
  --color-employee-border-subtle: var(--color-palette-pink-700);
  --color-employee-bg-subtlest: var(--color-palette-pink-900);
  --color-employee-bg-subtle: var(--color-palette-pink-800);
  --color-employee-bg-strong: var(--color-palette-pink-500);
  --color-employee-bg-strong-hover: var(--color-palette-pink-600);
  --color-employee-bg-strong-pressed: var(--color-palette-pink-700);
  --color-error-text: var(--color-palette-red-300);
  --color-error-text-hover: var(--color-palette-red-200);
  --color-error-text-onbg-strong: var(--color-palette-grey-0);
  --color-error-graphic: var(--color-palette-red-400);
  --color-error-border: var(--color-palette-red-400);
  --color-error-border-subtle: var(--color-palette-red-700);
  --color-error-bg-subtle: var(--color-palette-red-800);
  --color-error-bg-strong: var(--color-palette-red-500);
  --color-error-bg-strong-hover: var(--color-palette-red-600);
  --color-error-bg-strong-pressed: var(--color-palette-red-700);
  --color-focus-outline: var(--color-palette-blue-400);
  --color-info-text: var(--color-palette-blue-300);
  --color-info-text-onbg-strong: var(--color-palette-grey-0);
  --color-info-graphic: var(--color-palette-blue-400);
  --color-info-border: var(--color-palette-blue-400);
  --color-info-border-subtle: var(--color-palette-blue-700);
  --color-info-bg-subtle: var(--color-palette-blue-800);
  --color-info-bg-strong: var(--color-palette-blue-500);
  --color-info-bg-strong-hover: var(--color-palette-blue-600);
  --color-info-bg-strong-pressed: var(--color-palette-blue-700);
  --color-neutral-text: var(--color-palette-white-900);
  --color-neutral-text-subtle: var(--color-palette-white-700);
  --color-neutral-text-onbg-strong: var(--color-palette-grey-1000);
  --color-neutral-graphic: var(--color-palette-grey-0);
  --color-neutral-border: var(--color-palette-white-500);
  --color-neutral-border-subtle: var(--color-palette-white-200);
  --color-neutral-border-subtlest: var(--color-palette-white-100);
  --color-neutral-bg-subtlest: var(--color-palette-white-50);
  --color-neutral-bg-subtle: var(--color-palette-white-100);
  --color-neutral-bg-hover: var(--color-palette-white-50);
  --color-neutral-bg-strong: var(--color-palette-grey-200);
  --color-neutral-bg-strong-hover: var(--color-palette-grey-100);
  --color-neutral-bg-strong-pressed: var(--color-palette-grey-300);
  --color-neutral-bg-level-1: var(--color-palette-grey-950);
  --color-neutral-bg-level-2: var(--color-palette-grey-900);
  --color-neutral-bg-level-3: var(--color-palette-grey-850);
  --color-neutral-bg-level-4: var(--color-palette-grey-800);
  --color-neutral-bg-lighten: var(--color-palette-white-150);
  --color-success-text: var(--color-palette-green-300);
  --color-success-text-onbg-strong: var(--color-palette-grey-0);
  --color-success-graphic: var(--color-palette-green-400);
  --color-success-border: var(--color-palette-green-400);
  --color-success-border-subtle: var(--color-palette-green-700);
  --color-success-bg-subtle: var(--color-palette-green-800);
  --color-success-bg-strong: var(--color-palette-green-500);
  --color-success-bg-strong-hover: var(--color-palette-green-600);
  --color-success-bg-strong-pressed: var(--color-palette-green-700);
  --color-brand-primary-text: var(--color-palette-teal-300);
  --color-brand-primary-text-hover: var(--color-palette-teal-200);
  --color-brand-primary-text-subtle: var(--color-palette-teal-100);
  --color-brand-primary-text-onbg-strong: var(--color-palette-grey-0);
  --color-brand-primary-graphic: var(--color-palette-teal-400);
  --color-brand-primary-border: var(--color-palette-teal-400);
  --color-brand-primary-border-subtle: var(--color-palette-teal-700);
  --color-brand-primary-bg-subtle: var(--color-palette-teal-900);
  --color-brand-primary-bg-strong: var(--color-palette-teal-500);
  --color-brand-primary-bg-strong-hover: var(--color-palette-teal-600);
  --color-brand-primary-bg-strong-pressed: var(--color-palette-teal-700);
  --color-brand-expressive-text: var(--color-palette-red-300);
  --color-brand-expressive-text-hover: var(--color-palette-red-200);
  --color-brand-expressive-text-onbg-strong: var(--color-palette-grey-0);
  --color-brand-expressive-graphic: var(--color-palette-red-400);
  --color-brand-expressive-border: var(--color-palette-red-400);
  --color-brand-expressive-border-subtle: var(--color-palette-red-500);
  --color-brand-expressive-bg-subtle: var(--color-palette-red-800);
  --color-brand-expressive-bg-strong: var(--color-palette-red-500);
  --color-brand-expressive-bg-strong-hover: var(--color-palette-red-600);
  --color-brand-expressive-bg-strong-pressed: var(--color-palette-red-700);
  --color-brand-secondary-text: var(--color-palette-beige-200);
  --color-brand-secondary-bg-subtlest: var(--color-palette-beige-900);
  --color-brand-secondary-bg-subtlest-hover: var(--color-palette-beige-800);
  --color-brand-secondary-bg-subtle: var(--color-palette-beige-800);
  --color-campaign-1-text: var(--color-palette-teal-100);
  --color-campaign-1-bg: var(--color-palette-teal-600);
  --color-campaign-2-text: var(--color-palette-red-300);
  --color-campaign-2-bg: var(--color-palette-red-800);
  --color-campaign-3-text: var(--color-palette-grey-0);
  --color-campaign-3-bg: var(--color-palette-red-500);
  --color-campaign-4-text: var(--color-palette-grey-0);
  --color-campaign-4-bg: var(--color-palette-teal-500);
  --color-chart-1: var(--color-palette-teal-300);
  --color-chart-2: var(--color-palette-teal-500);
  --color-chart-3: var(--color-palette-green-300);
  --color-chart-4: var(--color-palette-orange-500);
  --color-chart-5: var(--color-palette-blue-400);
  --color-chart-6: var(--color-palette-pink-550);
  --color-chart-7: var(--color-palette-blue-200);
  --type-h1-font-family: var(--type-font-family-display);
  --type-h2-font-family: var(--type-font-family-display);
  --type-h3-font-family: var(--type-font-family);
}