/*
	THIS FILE WAS CREATED VIA CODEGEN, DO NOT MODIFY!
	Use the "sui-token-sync" tool to update this file.
*/

@layer theme {
  :root {
    --sui-blue-01: #FDFDFE;
    --sui-blue-02: #F6FAFF;
    --sui-blue-03: #ECF2FE;
    --sui-blue-04: #DDEAFF;
    --sui-blue-05: #CDE0FF;
    --sui-blue-06: #B8D3FF;
    --sui-blue-07: #A1C1F8;
    --sui-blue-08: #7FA8EE;
    --sui-blue-09: #1750B5;
    --sui-blue-10: #043FA3;
    --sui-blue-11: #06378D;
    --sui-blue-12: #172F5B;
    --sui-blue-dark-01: #111A2B;
    --sui-blue-dark-02: #121D31;
    --sui-blue-dark-03: #0B275A;
    --sui-blue-dark-04: #032D79;
    --sui-blue-dark-05: #06378D;
    --sui-blue-dark-06: #0F439E;
    --sui-blue-dark-07: #1851B6;
    --sui-blue-dark-08: #1C5FD7;
    --sui-blue-dark-09: #1750B5;
    --sui-blue-dark-10: #0D429C;
    --sui-blue-dark-11: #82B5FF;
    --sui-blue-dark-12: #C9E2FF;
    --sui-blur-2xl: 2.5rem;
    --sui-blur-3xl: 4rem;
    --sui-blur-md: 1rem;
    --sui-blur-sm: 0.5rem;
    --sui-blur-xl: 1.5rem;
    --sui-border-width-lg: 0.1875rem;
    --sui-border-width-md: 0.125rem;
    --sui-border-width-none: 0px;
    --sui-border-width-sm: 0.09375rem;
    --sui-border-width-xl: 0.25rem;
    --sui-border-width-xs: 1px;
    --sui-breakpoint-desktop-lg: 105rem;
    --sui-breakpoint-desktop-sm: 64rem;
    --sui-breakpoint-mobile: 25rem;
    --sui-breakpoint-tablet: 48rem;
    --sui-caramel-01: #FEFCFB;
    --sui-caramel-02: #FFF7EE;
    --sui-caramel-03: #FFECD8;
    --sui-caramel-04: #FFE0C4;
    --sui-caramel-05: #FFD3AF;
    --sui-caramel-06: #FFC394;
    --sui-caramel-07: #FCB180;
    --sui-caramel-08: #ED985E;
    --sui-caramel-09: #B85C00;
    --sui-caramel-10: #A94F00;
    --sui-caramel-11: #874000;
    --sui-caramel-12: #503321;
    --sui-caramel-dark-01: #201814;
    --sui-caramel-dark-02: #271B13;
    --sui-caramel-dark-03: #3D200A;
    --sui-caramel-dark-04: #541C00;
    --sui-caramel-dark-05: #612400;
    --sui-caramel-dark-06: #703100;
    --sui-caramel-dark-07: #874000;
    --sui-caramel-dark-08: #AD5200;
    --sui-caramel-dark-09: #EB7500;
    --sui-caramel-dark-10: #A94F00;
    --sui-caramel-dark-11: #FFA25D;
    --sui-caramel-dark-12: #FFDBBE;
    --sui-component-input-radius-focus: 1.25rem;
    --sui-container-lg: 68rem;
    --sui-container-md: 54rem;
    --sui-container-sm: 40rem;
    --sui-container-xl: 82rem;
    --sui-container-xs: 26rem;
    --sui-dark-alpha-00: #1A1A1A00;
    --sui-dark-alpha-01: #1A1A1A05;
    --sui-dark-alpha-02: #1A1A1A0A;
    --sui-dark-alpha-03: #1A1A1A14;
    --sui-dark-alpha-04: #1A1A1A29;
    --sui-dark-alpha-05: #1A1A1A3D;
    --sui-dark-alpha-06: #1A1A1A52;
    --sui-dark-alpha-07: #1A1A1A66;
    --sui-dark-alpha-08: #1A1A1A7A;
    --sui-dark-alpha-09: #1A1A1A8F;
    --sui-dark-alpha-10: #1A1A1AA3;
    --sui-dark-alpha-11: #1A1A1ACC;
    --sui-dark-alpha-12: #1A1A1AEB;
    --sui-effect-aesthetics-contrast-border-shadow-position: 1px;
    --sui-effect-aesthetics-divider-drop-shadow-position: 1px;
    --sui-effect-aesthetics-inner-border-shadow-position: 0.125rem;
    --sui-effect-aesthetics-skeuomorph-shadow-position: 0.125rem;
    --sui-font-size-2xl: 1.375rem;
    --sui-font-size-2xs: 0.6875rem;
    --sui-font-size-3xl: 1.5rem;
    --sui-font-size-4xl: 1.75rem;
    --sui-font-size-5xl: 1.875rem;
    --sui-font-size-6xl: 2.25rem;
    --sui-font-size-7xl: 3rem;
    --sui-font-size-8xl: 3.75rem;
    --sui-font-size-9xl: 4.5rem;
    --sui-font-size-base: 1rem;
    --sui-font-size-lg: 1.125rem;
    --sui-font-size-sm: 0.875rem;
    --sui-font-size-xl: 1.25rem;
    --sui-font-size-xs: 0.75rem;
    --sui-gradient-brand-end: #FF0000;
    --sui-gray-01: #FCFCFC;
    --sui-gray-02: #F9F9F9;
    --sui-gray-03: #F0F0F0;
    --sui-gray-04: #E8E8E8;
    --sui-gray-05: #E1E1E1;
    --sui-gray-06: #D9D9D9;
    --sui-gray-07: #CECECE;
    --sui-gray-08: #BBBBBB;
    --sui-gray-09: #626262;
    --sui-gray-10: #4A4A4A;
    --sui-gray-11: #3D3D3D;
    --sui-gray-12: #1F1F1F;
    --sui-gray-dark: #1A1A1A;
    --sui-gray-dark-01: #1F1F1F;
    --sui-gray-dark-02: #232323;
    --sui-gray-dark-03: #292929;
    --sui-gray-dark-04: #2F2F2F;
    --sui-gray-dark-05: #353535;
    --sui-gray-dark-06: #3D3D3D;
    --sui-gray-dark-07: #4A4A4A;
    --sui-gray-dark-08: #626262;
    --sui-gray-dark-09: #6F6F6F;
    --sui-gray-dark-10: #B4B4B4;
    --sui-gray-dark-11: #C7C7C7;
    --sui-gray-dark-12: #EEEEEE;
    --sui-gray-light: #FFFFFF;
    --sui-green-01: #FBFEFA;
    --sui-green-02: #F6FBF4;
    --sui-green-03: #E7F8E0;
    --sui-green-04: #D8F2CC;
    --sui-green-05: #C8EAB7;
    --sui-green-06: #B5DEA0;
    --sui-green-07: #9CCD83;
    --sui-green-08: #7AB957;
    --sui-green-09: #64B32C;
    --sui-green-10: #58A71A;
    --sui-green-11: #487E25;
    --sui-green-12: #2A3F1E;
    --sui-green-dark-01: #161C14;
    --sui-green-dark-02: #1A2018;
    --sui-green-dark-03: #222E1B;
    --sui-green-dark-04: #263D19;
    --sui-green-dark-05: #2E4A1D;
    --sui-green-dark-06: #365822;
    --sui-green-dark-07: #3F6827;
    --sui-green-dark-08: #49792B;
    --sui-green-dark-09: #64B32C;
    --sui-green-dark-10: #58A71A;
    --sui-green-dark-11: #81D052;
    --sui-green-dark-12: #C5F1AF;
    --sui-light-alpha-00: #FFFFFF00;
    --sui-light-alpha-01: #FFFFFF05;
    --sui-light-alpha-02: #FFFFFF0A;
    --sui-light-alpha-03: #FFFFFF14;
    --sui-light-alpha-04: #FFFFFF29;
    --sui-light-alpha-05: #FFFFFF3D;
    --sui-light-alpha-06: #FFFFFF52;
    --sui-light-alpha-07: #FFFFFF66;
    --sui-light-alpha-08: #FFFFFF7A;
    --sui-light-alpha-09: #FFFFFF8F;
    --sui-light-alpha-10: #FFFFFFA3;
    --sui-light-alpha-11: #FFFFFFCC;
    --sui-light-alpha-12: #FFFFFFEB;
    --sui-line-height-2xl: 1.2727272727272727;
    --sui-line-height-2xs: 1.4545454545454546;
    --sui-line-height-3xl: 1.3333333333333333;
    --sui-line-height-4xl: 1.1428571428571428;
    --sui-line-height-5xl: 1.3333333333333333;
    --sui-line-height-6xl: 1.3333333333333333;
    --sui-line-height-7xl: 1.25;
    --sui-line-height-8xl: 1.2;
    --sui-line-height-9xl: 1.1111111111111112;
    --sui-line-height-base: 1.5;
    --sui-line-height-lg: 1.4444444444444444;
    --sui-line-height-sm: 1.4285714285714286;
    --sui-line-height-xl: 1.3;
    --sui-line-height-xs: 1.5;
    --sui-modal-lg: 58rem;
    --sui-modal-md: 44rem;
    --sui-modal-sm: 30rem;
    --sui-modal-xl: 82rem;
    --sui-modal-xs: 22rem;
    --sui-orange-01: #FFFCF9;
    --sui-orange-02: #FFF5EE;
    --sui-orange-03: #FFEADB;
    --sui-orange-04: #FFD8BC;
    --sui-orange-05: #FFCBA6;
    --sui-orange-06: #FFBC8C;
    --sui-orange-07: #FFA96C;
    --sui-orange-08: #FF8E3E;
    --sui-orange-09: #EE7100;
    --sui-orange-10: #E96100;
    --sui-orange-11: #C45100;
    --sui-orange-12: #672B00;
    --sui-orange-dark-01: #221810;
    --sui-orange-dark-02: #261910;
    --sui-orange-dark-03: #481E00;
    --sui-orange-dark-04: #4E2000;
    --sui-orange-dark-05: #5E2700;
    --sui-orange-dark-06: #773100;
    --sui-orange-dark-07: #973F00;
    --sui-orange-dark-08: #C05000;
    --sui-orange-dark-09: #EE7100;
    --sui-orange-dark-10: #E96100;
    --sui-orange-dark-11: #FF9F5A;
    --sui-orange-dark-12: #FFDCC3;
    --sui-radius-2xl: 2.5rem;
    --sui-radius-2xs: 0.375rem;
    --sui-radius-3xl: 4rem;
    --sui-radius-3xs: 0.25rem;
    --sui-radius-full: 624.9375rem;
    --sui-radius-md: 1rem;
    --sui-radius-none: 0px;
    --sui-radius-sm: 0.75rem;
    --sui-radius-xl: 1.5rem;
    --sui-radius-xs: 0.5rem;
    --sui-red-01: #FFFCFB;
    --sui-red-02: #FFF8F6;
    --sui-red-03: #FFEAE6;
    --sui-red-04: #FFD9D1;
    --sui-red-05: #FFCABF;
    --sui-red-06: #FFB8AC;
    --sui-red-07: #FFA395;
    --sui-red-08: #F78676;
    --sui-red-09: #E50000;
    --sui-red-10: #D50000;
    --sui-red-11: #BA0000;
    --sui-red-12: #641E17;
    --sui-red-dark-01: #211816;
    --sui-red-dark-02: #271917;
    --sui-red-dark-03: #431611;
    --sui-red-dark-04: #5A0C07;
    --sui-red-dark-05: #6A110B;
    --sui-red-dark-06: #7A1E16;
    --sui-red-dark-07: #922E24;
    --sui-red-dark-08: #BC3C30;
    --sui-red-dark-09: #E50000;
    --sui-red-dark-10: #D50000;
    --sui-red-dark-11: #FF907F;
    --sui-red-dark-12: #FFD0C8;
    --sui-surrogate-01: #FFFCFD;
    --sui-surrogate-02: #FEF7F8;
    --sui-surrogate-03: #FFE9ED;
    --sui-surrogate-04: #FFDBE2;
    --sui-surrogate-05: #FDCED6;
    --sui-surrogate-06: #F6BEC9;
    --sui-surrogate-07: #EEABB9;
    --sui-surrogate-08: #E493A4;
    --sui-surrogate-09: #C7105C;
    --sui-surrogate-10: #B80050;
    --sui-surrogate-11: #9B1448;
    --sui-surrogate-12: #65142F;
    --sui-surrogate-dark-01: #221619;
    --sui-surrogate-dark-02: #28171B;
    --sui-surrogate-dark-03: #470F21;
    --sui-surrogate-dark-04: #5F0025;
    --sui-surrogate-dark-05: #6E002D;
    --sui-surrogate-dark-06: #7F0338;
    --sui-surrogate-dark-07: #9B1448;
    --sui-surrogate-dark-08: #B6004F;
    --sui-surrogate-dark-09: #F0428A;
    --sui-surrogate-dark-10: #ED1C72;
    --sui-surrogate-dark-11: #FF8CAB;
    --sui-surrogate-dark-12: #FFCDD9;
    --sui-turquoise-01: #FAFEFE;
    --sui-turquoise-02: #F4FBFB;
    --sui-turquoise-03: #E2F6F7;
    --sui-turquoise-04: #D0F0F2;
    --sui-turquoise-05: #BCE6E9;
    --sui-turquoise-06: #A8D9DD;
    --sui-turquoise-07: #8CC8CC;
    --sui-turquoise-08: #60B1B7;
    --sui-turquoise-09: #007E85;
    --sui-turquoise-10: #007077;
    --sui-turquoise-11: #06575C;
    --sui-turquoise-12: #174043;
    --sui-turquoise-dark-01: #131C1D;
    --sui-turquoise-dark-02: #152223;
    --sui-turquoise-dark-03: #0E3234;
    --sui-turquoise-dark-04: #003E42;
    --sui-turquoise-dark-05: #00494E;
    --sui-turquoise-dark-06: #06575C;
    --sui-turquoise-dark-07: #0A696F;
    --sui-turquoise-dark-08: #007077;
    --sui-turquoise-dark-09: #00AEB8;
    --sui-turquoise-dark-10: #156E74;
    --sui-turquoise-dark-11: #6BCCD3;
    --sui-turquoise-dark-12: #A2EFF5;
    --sui-violet-01: #FFFBFF;
    --sui-violet-02: #FEF7FD;
    --sui-violet-03: #FFE9FD;
    --sui-violet-04: #FDDBFB;
    --sui-violet-05: #F9CDF6;
    --sui-violet-06: #F3BCF0;
    --sui-violet-07: #EAA5E6;
    --sui-violet-08: #DF86DB;
    --sui-violet-09: #990099;
    --sui-violet-10: #880088;
    --sui-violet-11: #711170;
    --sui-violet-12: #5F005F;
    --sui-violet-dark-01: #211521;
    --sui-violet-dark-02: #2A1329;
    --sui-violet-dark-03: #421041;
    --sui-violet-dark-04: #560056;
    --sui-violet-dark-05: #620062;
    --sui-violet-dark-06: #711170;
    --sui-violet-dark-07: #8A2089;
    --sui-violet-dark-08: #AF29AE;
    --sui-violet-dark-09: #990099;
    --sui-violet-dark-10: #880088;
    --sui-violet-dark-11: #FF7DFF;
    --sui-violet-dark-12: #FFCBFF;
    --sui-yellow-01: #FEFDFB;
    --sui-yellow-02: #FFFAE9;
    --sui-yellow-03: #FFF3C1;
    --sui-yellow-04: #FFE99C;
    --sui-yellow-05: #FFDE77;
    --sui-yellow-06: #FCD274;
    --sui-yellow-07: #E9C166;
    --sui-yellow-08: #D7A937;
    --sui-yellow-09: #FFC500;
    --sui-yellow-10: #D9A208;
    --sui-yellow-11: #856A29;
    --sui-yellow-12: #46391D;
    --sui-yellow-dark-01: #1C1A14;
    --sui-yellow-dark-02: #231F16;
    --sui-yellow-dark-03: #322810;
    --sui-yellow-dark-04: #402E00;
    --sui-yellow-dark-05: #4C3700;
    --sui-yellow-dark-06: #58430E;
    --sui-yellow-dark-07: #6A541F;
    --sui-yellow-dark-08: #856A29;
    --sui-yellow-dark-09: #FFC500;
    --sui-yellow-dark-10: #D9A208;
    --sui-yellow-dark-11: #FFCB39;
    --sui-yellow-dark-12: #FEE7B7;
  }

  :root {
    --sui-attention-dark-01: var(--sui-yellow-dark-01);
    --sui-attention-dark-02: var(--sui-yellow-dark-02);
    --sui-attention-dark-03: var(--sui-yellow-dark-03);
    --sui-attention-dark-04: var(--sui-yellow-dark-04);
    --sui-attention-dark-05: var(--sui-yellow-dark-05);
    --sui-attention-dark-06: var(--sui-yellow-dark-06);
    --sui-attention-dark-07: var(--sui-yellow-dark-07);
    --sui-attention-dark-08: var(--sui-yellow-dark-08);
    --sui-attention-dark-09: var(--sui-yellow-dark-09);
    --sui-attention-dark-10: var(--sui-yellow-dark-10);
    --sui-attention-dark-11: var(--sui-yellow-dark-11);
    --sui-attention-dark-12: var(--sui-yellow-dark-12);
    --sui-attention-light-01: var(--sui-yellow-01);
    --sui-attention-light-02: var(--sui-yellow-02);
    --sui-attention-light-03: var(--sui-yellow-03);
    --sui-attention-light-04: var(--sui-yellow-04);
    --sui-attention-light-05: var(--sui-yellow-05);
    --sui-attention-light-06: var(--sui-yellow-06);
    --sui-attention-light-07: var(--sui-yellow-07);
    --sui-attention-light-08: var(--sui-yellow-08);
    --sui-attention-light-09: var(--sui-yellow-09);
    --sui-attention-light-10: var(--sui-yellow-10);
    --sui-attention-light-11: var(--sui-yellow-11);
    --sui-attention-light-12: var(--sui-yellow-12);
    --sui-blur-base: var(--sui-blur-md);
    --sui-blur-soft: var(--sui-blur-sm);
    --sui-blur-strong: var(--sui-blur-2xl);
    --sui-component-button-border-width: var(--sui-border-width-xs);
    --sui-component-button-radius: var(--sui-radius-full);
    --sui-component-button-radius-focus: var(--sui-radius-full);
    --sui-component-focus-width: var(--sui-border-width-md);
    --sui-component-input-border-width: var(--sui-border-width-sm);
    --sui-component-input-radius: var(--sui-radius-base);
    --sui-component-overlay-blur: var(--sui-blur-base);
    --sui-gradient-accent-dark-end: var(--sui-accent-gradient-dark-end);
    --sui-gradient-accent-dark-start: var(--sui-accent-gradient-dark-start);
    --sui-gradient-accent-end: var(--sui-accent-gradient-light-end);
    --sui-gradient-accent-start: var(--sui-accent-gradient-light-start);
    --sui-gradient-brand-start: var(--sui-violet-09);
    --sui-negative-dark-01: var(--sui-red-dark-01);
    --sui-negative-dark-02: var(--sui-red-dark-02);
    --sui-negative-dark-03: var(--sui-red-dark-03);
    --sui-negative-dark-04: var(--sui-red-dark-04);
    --sui-negative-dark-05: var(--sui-red-dark-05);
    --sui-negative-dark-06: var(--sui-red-dark-06);
    --sui-negative-dark-07: var(--sui-red-dark-07);
    --sui-negative-dark-08: var(--sui-red-dark-08);
    --sui-negative-dark-09: var(--sui-red-dark-09);
    --sui-negative-dark-10: var(--sui-red-dark-10);
    --sui-negative-dark-11: var(--sui-red-dark-11);
    --sui-negative-dark-12: var(--sui-red-dark-12);
    --sui-negative-light-01: var(--sui-red-01);
    --sui-negative-light-02: var(--sui-red-02);
    --sui-negative-light-03: var(--sui-red-03);
    --sui-negative-light-04: var(--sui-red-04);
    --sui-negative-light-05: var(--sui-red-05);
    --sui-negative-light-06: var(--sui-red-06);
    --sui-negative-light-07: var(--sui-red-07);
    --sui-negative-light-08: var(--sui-red-08);
    --sui-negative-light-09: var(--sui-red-09);
    --sui-negative-light-10: var(--sui-red-10);
    --sui-negative-light-11: var(--sui-red-11);
    --sui-negative-light-12: var(--sui-red-12);
    --sui-neutral-dark-00: var(--sui-gray-dark);
    --sui-neutral-dark-01: var(--sui-gray-dark-01);
    --sui-neutral-dark-02: var(--sui-gray-dark-02);
    --sui-neutral-dark-03: var(--sui-gray-dark-03);
    --sui-neutral-dark-04: var(--sui-gray-dark-04);
    --sui-neutral-dark-05: var(--sui-gray-dark-05);
    --sui-neutral-dark-06: var(--sui-gray-dark-06);
    --sui-neutral-dark-07: var(--sui-gray-dark-07);
    --sui-neutral-dark-08: var(--sui-gray-dark-08);
    --sui-neutral-dark-09: var(--sui-gray-dark-09);
    --sui-neutral-dark-10: var(--sui-gray-dark-10);
    --sui-neutral-dark-11: var(--sui-gray-dark-11);
    --sui-neutral-dark-12: var(--sui-gray-dark-12);
    --sui-neutral-light-00: var(--sui-gray-light);
    --sui-neutral-light-01: var(--sui-gray-01);
    --sui-neutral-light-02: var(--sui-gray-02);
    --sui-neutral-light-03: var(--sui-gray-03);
    --sui-neutral-light-04: var(--sui-gray-04);
    --sui-neutral-light-05: var(--sui-gray-05);
    --sui-neutral-light-06: var(--sui-gray-06);
    --sui-neutral-light-07: var(--sui-gray-07);
    --sui-neutral-light-08: var(--sui-gray-08);
    --sui-neutral-light-09: var(--sui-gray-09);
    --sui-neutral-light-10: var(--sui-gray-10);
    --sui-neutral-light-11: var(--sui-gray-11);
    --sui-neutral-light-12: var(--sui-gray-12);
    --sui-positive-dark-01: var(--sui-green-dark-01);
    --sui-positive-dark-02: var(--sui-green-dark-02);
    --sui-positive-dark-03: var(--sui-green-dark-03);
    --sui-positive-dark-04: var(--sui-green-dark-04);
    --sui-positive-dark-05: var(--sui-green-dark-05);
    --sui-positive-dark-06: var(--sui-green-dark-06);
    --sui-positive-dark-07: var(--sui-green-dark-07);
    --sui-positive-dark-08: var(--sui-green-dark-08);
    --sui-positive-dark-09: var(--sui-green-dark-09);
    --sui-positive-dark-10: var(--sui-green-dark-10);
    --sui-positive-dark-11: var(--sui-green-dark-11);
    --sui-positive-dark-12: var(--sui-green-dark-12);
    --sui-positive-light-01: var(--sui-green-01);
    --sui-positive-light-02: var(--sui-green-02);
    --sui-positive-light-03: var(--sui-green-03);
    --sui-positive-light-04: var(--sui-green-04);
    --sui-positive-light-05: var(--sui-green-05);
    --sui-positive-light-06: var(--sui-green-06);
    --sui-positive-light-07: var(--sui-green-07);
    --sui-positive-light-08: var(--sui-green-08);
    --sui-positive-light-09: var(--sui-green-09);
    --sui-positive-light-10: var(--sui-green-10);
    --sui-positive-light-11: var(--sui-green-11);
    --sui-positive-light-12: var(--sui-green-12);
    --sui-radius-base: var(--sui-radius-md);
    --sui-radius-big: var(--sui-radius-2xl);
    --sui-radius-large: var(--sui-radius-xl);
    --sui-radius-regular: var(--sui-radius-sm);
    --sui-radius-small: var(--sui-radius-xs);
    --sui-radius-tiny: var(--sui-radius-2xs);
  }

  :root,
  :root *:not([data-sui-theme]),
  [data-sui-theme="light"],
  [data-sui-theme="light"] *:not([data-sui-theme="dark"], [data-sui-theme="light"] [data-sui-theme="dark"] *) {
    --sui-effect-aesthetics-contrast-border-shadow-position: 1px;
    --sui-effect-aesthetics-divider-drop-shadow-position: 1px;
    --sui-effect-aesthetics-inner-border-shadow-position: 0.125rem;
    --sui-effect-aesthetics-skeuomorph-shadow-position: 0.125rem;
    --sui-background-accent-primary-bold-default: var(--sui-accent-light-09);
    --sui-background-accent-primary-bold-hover: var(--sui-accent-light-10);
    --sui-background-accent-primary-default: var(--sui-accent-light-01);
    --sui-background-accent-primary-hover: var(--sui-accent-light-02);
    --sui-background-accent-secondary-default: var(--sui-accent-light-02);
    --sui-background-accent-secondary-hover: var(--sui-accent-light-03);
    --sui-background-accent-tertiary-default: var(--sui-accent-light-03);
    --sui-background-accent-tertiary-hover: var(--sui-accent-light-04);
    --sui-background-alpha-dark-light-primary-default: var(--sui-dark-alpha-02);
    --sui-background-alpha-dark-light-primary-hover: var(--sui-dark-alpha-03);
    --sui-background-alpha-dark-light-secondary-default: var(--sui-dark-alpha-03);
    --sui-background-alpha-dark-light-secondary-hover: var(--sui-dark-alpha-04);
    --sui-background-alpha-dark-light-tertiary-default: var(--sui-dark-alpha-04);
    --sui-background-alpha-dark-light-tertiary-hover: var(--sui-dark-alpha-05);
    --sui-background-alpha-light-dark-primary-default: var(--sui-light-alpha-02);
    --sui-background-alpha-light-dark-primary-hover: var(--sui-light-alpha-03);
    --sui-background-alpha-light-dark-secondary-default: var(--sui-light-alpha-03);
    --sui-background-alpha-light-dark-secondary-hover: var(--sui-light-alpha-04);
    --sui-background-alpha-light-dark-tertiary-default: var(--sui-light-alpha-04);
    --sui-background-alpha-light-dark-tertiary-hover: var(--sui-light-alpha-05);
    --sui-background-attention-primary-bold-default: var(--sui-attention-light-09);
    --sui-background-attention-primary-bold-hover: var(--sui-attention-light-10);
    --sui-background-attention-primary-default: var(--sui-attention-light-01);
    --sui-background-attention-primary-hover: var(--sui-attention-light-02);
    --sui-background-attention-secondary-default: var(--sui-attention-light-02);
    --sui-background-attention-secondary-hover: var(--sui-attention-light-03);
    --sui-background-attention-tertiary-default: var(--sui-attention-light-03);
    --sui-background-attention-tertiary-hover: var(--sui-attention-light-04);
    --sui-background-negative-primary-bold-default: var(--sui-negative-light-09);
    --sui-background-negative-primary-bold-hover: var(--sui-negative-light-10);
    --sui-background-negative-primary-default: var(--sui-negative-light-01);
    --sui-background-negative-primary-hover: var(--sui-negative-light-02);
    --sui-background-negative-secondary-default: var(--sui-negative-light-02);
    --sui-background-negative-secondary-hover: var(--sui-negative-light-03);
    --sui-background-negative-tertiary-default: var(--sui-negative-light-03);
    --sui-background-negative-tertiary-hover: var(--sui-negative-light-04);
    --sui-background-neutral-primary-bold-default: var(--sui-neutral-light-12);
    --sui-background-neutral-primary-bold-hover: var(--sui-neutral-light-11);
    --sui-background-neutral-primary-default: var(--sui-neutral-light-00);
    --sui-background-neutral-primary-disabled: var(--sui-neutral-light-03);
    --sui-background-neutral-primary-hover: var(--sui-neutral-light-01);
    --sui-background-neutral-quaternary-default: var(--sui-neutral-light-03);
    --sui-background-neutral-quaternary-hover: var(--sui-neutral-light-04);
    --sui-background-neutral-secondary-default: var(--sui-neutral-light-01);
    --sui-background-neutral-secondary-hover: var(--sui-neutral-light-02);
    --sui-background-neutral-tertiary-default: var(--sui-neutral-light-02);
    --sui-background-neutral-tertiary-hover: var(--sui-neutral-light-03);
    --sui-background-positive-primary-bold-default: var(--sui-positive-light-09);
    --sui-background-positive-primary-bold-hover: var(--sui-positive-light-10);
    --sui-background-positive-primary-default: var(--sui-positive-light-01);
    --sui-background-positive-primary-hover: var(--sui-positive-light-02);
    --sui-background-positive-secondary-default: var(--sui-positive-light-02);
    --sui-background-positive-secondary-hover: var(--sui-positive-light-03);
    --sui-background-positive-tertiary-default: var(--sui-positive-light-03);
    --sui-background-positive-tertiary-hover: var(--sui-positive-light-04);
    --sui-background-surface-primary: var(--sui-neutral-light-01);
    --sui-background-utility-overlay: var(--sui-dark-alpha-08);
    --sui-background-utility-transparent: var(--sui-light-alpha-00);
    --sui-border-accent-interactive-focus-primary: var(--sui-accent-light-09);
    --sui-border-accent-interactive-focus-secondary: var(--sui-accent-light-06);
    --sui-border-accent-interactive-hover: var(--sui-accent-light-08);
    --sui-border-accent-interactive-selected: var(--sui-accent-light-09);
    --sui-border-accent-primary: var(--sui-accent-light-05);
    --sui-border-accent-primary-bold: var(--sui-accent-light-11);
    --sui-border-accent-secondary: var(--sui-accent-light-03);
    --sui-border-accent-secondary-bold: var(--sui-accent-light-10);
    --sui-border-accent-tertiary: var(--sui-accent-light-07);
    --sui-border-attention-primary: var(--sui-attention-light-05);
    --sui-border-attention-primary-bold: var(--sui-attention-light-10);
    --sui-border-attention-secondary: var(--sui-attention-light-03);
    --sui-border-attention-secondary-bold: var(--sui-attention-light-09);
    --sui-border-attention-tertiary: var(--sui-attention-light-07);
    --sui-border-negative-primary: var(--sui-negative-light-05);
    --sui-border-negative-primary-bold: var(--sui-negative-light-11);
    --sui-border-negative-secondary: var(--sui-negative-light-03);
    --sui-border-negative-secondary-bold: var(--sui-negative-light-10);
    --sui-border-negative-tertiary: var(--sui-negative-light-07);
    --sui-border-neutral-alpha-dark-light-primary: var(--sui-dark-alpha-02);
    --sui-border-neutral-alpha-dark-light-primary-bold: var(--sui-dark-alpha-08);
    --sui-border-neutral-alpha-dark-light-secondary: var(--sui-dark-alpha-03);
    --sui-border-neutral-alpha-dark-light-tertiary: var(--sui-dark-alpha-04);
    --sui-border-neutral-alpha-light-dark-primary: var(--sui-light-alpha-02);
    --sui-border-neutral-alpha-light-dark-primary-bold: var(--sui-light-alpha-08);
    --sui-border-neutral-alpha-light-dark-secondary: var(--sui-light-alpha-03);
    --sui-border-neutral-alpha-light-dark-tertiary: var(--sui-light-alpha-04);
    --sui-border-neutral-interactive-disabled: var(--sui-neutral-light-04);
    --sui-border-neutral-primary: var(--sui-neutral-light-05);
    --sui-border-neutral-primary-bold: var(--sui-neutral-light-12);
    --sui-border-neutral-secondary: var(--sui-neutral-light-03);
    --sui-border-neutral-secondary-bold: var(--sui-neutral-light-11);
    --sui-border-neutral-tertiary: var(--sui-neutral-light-07);
    --sui-border-positive-primary: var(--sui-positive-light-05);
    --sui-border-positive-primary-bold: var(--sui-positive-light-11);
    --sui-border-positive-secondary: var(--sui-positive-light-03);
    --sui-border-positive-secondary-bold: var(--sui-positive-light-10);
    --sui-border-positive-tertiary: var(--sui-positive-light-07);
    --sui-design-accent-01: var(--sui-accent-light-01);
    --sui-design-accent-02: var(--sui-accent-light-02);
    --sui-design-accent-03: var(--sui-accent-light-03);
    --sui-design-accent-04: var(--sui-accent-light-04);
    --sui-design-accent-05: var(--sui-accent-light-05);
    --sui-design-accent-06: var(--sui-accent-light-06);
    --sui-design-accent-07: var(--sui-accent-light-07);
    --sui-design-accent-08: var(--sui-accent-light-08);
    --sui-design-accent-09: var(--sui-accent-light-09);
    --sui-design-accent-10: var(--sui-accent-light-10);
    --sui-design-accent-11: var(--sui-accent-light-11);
    --sui-design-accent-12: var(--sui-accent-light-12);
    --sui-design-blue-01: var(--sui-blue-01);
    --sui-design-blue-02: var(--sui-blue-02);
    --sui-design-blue-03: var(--sui-blue-03);
    --sui-design-blue-04: var(--sui-blue-04);
    --sui-design-blue-05: var(--sui-blue-05);
    --sui-design-blue-06: var(--sui-blue-06);
    --sui-design-blue-07: var(--sui-blue-07);
    --sui-design-blue-08: var(--sui-blue-08);
    --sui-design-blue-09: var(--sui-blue-09);
    --sui-design-blue-10: var(--sui-blue-10);
    --sui-design-blue-11: var(--sui-blue-11);
    --sui-design-blue-12: var(--sui-blue-12);
    --sui-design-gradient-accent-light-end: var(--sui-gradient-accent-end);
    --sui-design-gradient-accent-light-start: var(--sui-gradient-accent-start);
    --sui-design-gradient-accent-static-end: var(--sui-gradient-accent-end);
    --sui-design-gradient-accent-static-start: var(--sui-gradient-accent-start);
    --sui-design-gradient-brand-light-end: var(--sui-gradient-brand-end);
    --sui-design-gradient-brand-light-start: var(--sui-gradient-brand-start);
    --sui-design-gradient-brand-static-end: var(--sui-gradient-brand-end);
    --sui-design-gradient-brand-static-start: var(--sui-gradient-brand-start);
    --sui-design-green-01: var(--sui-green-01);
    --sui-design-green-02: var(--sui-green-02);
    --sui-design-green-03: var(--sui-green-03);
    --sui-design-green-04: var(--sui-green-04);
    --sui-design-green-05: var(--sui-green-05);
    --sui-design-green-06: var(--sui-green-06);
    --sui-design-green-07: var(--sui-green-07);
    --sui-design-green-08: var(--sui-green-08);
    --sui-design-green-09: var(--sui-green-09);
    --sui-design-green-10: var(--sui-green-10);
    --sui-design-green-11: var(--sui-green-11);
    --sui-design-green-12: var(--sui-green-12);
    --sui-design-neutral-01: var(--sui-neutral-light-01);
    --sui-design-neutral-02: var(--sui-neutral-light-02);
    --sui-design-neutral-03: var(--sui-neutral-light-03);
    --sui-design-neutral-04: var(--sui-neutral-light-04);
    --sui-design-neutral-05: var(--sui-neutral-light-05);
    --sui-design-neutral-06: var(--sui-neutral-light-06);
    --sui-design-neutral-07: var(--sui-neutral-light-07);
    --sui-design-neutral-08: var(--sui-neutral-light-08);
    --sui-design-neutral-09: var(--sui-neutral-light-09);
    --sui-design-neutral-10: var(--sui-neutral-light-10);
    --sui-design-neutral-11: var(--sui-neutral-light-11);
    --sui-design-neutral-12: var(--sui-neutral-light-12);
    --sui-design-orange-01: var(--sui-orange-01);
    --sui-design-orange-02: var(--sui-orange-02);
    --sui-design-orange-03: var(--sui-orange-03);
    --sui-design-orange-04: var(--sui-orange-04);
    --sui-design-orange-05: var(--sui-orange-05);
    --sui-design-orange-06: var(--sui-orange-06);
    --sui-design-orange-07: var(--sui-orange-07);
    --sui-design-orange-08: var(--sui-orange-08);
    --sui-design-orange-09: var(--sui-orange-09);
    --sui-design-orange-10: var(--sui-orange-10);
    --sui-design-orange-11: var(--sui-orange-11);
    --sui-design-orange-12: var(--sui-orange-12);
    --sui-design-red-01: var(--sui-red-01);
    --sui-design-red-02: var(--sui-red-02);
    --sui-design-red-03: var(--sui-red-03);
    --sui-design-red-04: var(--sui-red-04);
    --sui-design-red-05: var(--sui-red-05);
    --sui-design-red-06: var(--sui-red-06);
    --sui-design-red-07: var(--sui-red-07);
    --sui-design-red-08: var(--sui-red-08);
    --sui-design-red-09: var(--sui-red-09);
    --sui-design-red-10: var(--sui-red-10);
    --sui-design-red-11: var(--sui-red-11);
    --sui-design-red-12: var(--sui-red-12);
    --sui-design-static-alpha-dark-00: var(--sui-dark-alpha-00);
    --sui-design-static-alpha-dark-01: var(--sui-dark-alpha-01);
    --sui-design-static-alpha-dark-02: var(--sui-dark-alpha-02);
    --sui-design-static-alpha-dark-03: var(--sui-dark-alpha-03);
    --sui-design-static-alpha-dark-04: var(--sui-dark-alpha-04);
    --sui-design-static-alpha-dark-05: var(--sui-dark-alpha-05);
    --sui-design-static-alpha-dark-06: var(--sui-dark-alpha-06);
    --sui-design-static-alpha-dark-07: var(--sui-dark-alpha-07);
    --sui-design-static-alpha-dark-08: var(--sui-dark-alpha-08);
    --sui-design-static-alpha-dark-09: var(--sui-dark-alpha-09);
    --sui-design-static-alpha-dark-10: var(--sui-dark-alpha-10);
    --sui-design-static-alpha-dark-11: var(--sui-dark-alpha-11);
    --sui-design-static-alpha-dark-12: var(--sui-dark-alpha-12);
    --sui-design-static-alpha-light-00: var(--sui-light-alpha-00);
    --sui-design-static-alpha-light-01: var(--sui-light-alpha-01);
    --sui-design-static-alpha-light-02: var(--sui-light-alpha-02);
    --sui-design-static-alpha-light-03: var(--sui-light-alpha-03);
    --sui-design-static-alpha-light-04: var(--sui-light-alpha-04);
    --sui-design-static-alpha-light-05: var(--sui-light-alpha-05);
    --sui-design-static-alpha-light-06: var(--sui-light-alpha-06);
    --sui-design-static-alpha-light-07: var(--sui-light-alpha-07);
    --sui-design-static-alpha-light-08: var(--sui-light-alpha-08);
    --sui-design-static-alpha-light-09: var(--sui-light-alpha-09);
    --sui-design-static-alpha-light-10: var(--sui-light-alpha-10);
    --sui-design-static-alpha-light-11: var(--sui-light-alpha-11);
    --sui-design-static-alpha-light-12: var(--sui-light-alpha-12);
    --sui-design-static-dark: var(--sui-neutral-dark-00);
    --sui-design-static-light: var(--sui-neutral-light-00);
    --sui-design-violet-01: var(--sui-violet-01);
    --sui-design-violet-02: var(--sui-violet-02);
    --sui-design-violet-03: var(--sui-violet-03);
    --sui-design-violet-04: var(--sui-violet-04);
    --sui-design-violet-05: var(--sui-violet-05);
    --sui-design-violet-06: var(--sui-violet-06);
    --sui-design-violet-07: var(--sui-violet-07);
    --sui-design-violet-08: var(--sui-violet-08);
    --sui-design-violet-09: var(--sui-violet-09);
    --sui-design-violet-10: var(--sui-violet-10);
    --sui-design-violet-11: var(--sui-violet-11);
    --sui-design-violet-12: var(--sui-violet-12);
    --sui-design-yellow-01: var(--sui-yellow-01);
    --sui-design-yellow-02: var(--sui-yellow-02);
    --sui-design-yellow-03: var(--sui-yellow-03);
    --sui-design-yellow-04: var(--sui-yellow-04);
    --sui-design-yellow-05: var(--sui-yellow-05);
    --sui-design-yellow-06: var(--sui-yellow-06);
    --sui-design-yellow-07: var(--sui-yellow-07);
    --sui-design-yellow-08: var(--sui-yellow-08);
    --sui-design-yellow-09: var(--sui-yellow-09);
    --sui-design-yellow-10: var(--sui-yellow-10);
    --sui-design-yellow-11: var(--sui-yellow-11);
    --sui-design-yellow-12: var(--sui-yellow-12);
    --sui-effect-aesthetics-contrast-border-shadow-color: var(--sui-neutral-light-00);
    --sui-effect-aesthetics-divider-drop-shadow-color: var(--sui-neutral-light-00);
    --sui-effect-aesthetics-inner-border-shadow-color: var(--sui-neutral-light-00);
    --sui-effect-aesthetics-skeuomorph-shadow-color: var(--sui-light-alpha-04);
    --sui-effect-shadow-drop-shadow-alpha: var(--sui-dark-alpha-04);
    --sui-foreground-accent-inverse-primary: var(--sui-accent-light-01);
    --sui-foreground-accent-inverse-secondary: var(--sui-accent-light-04);
    --sui-foreground-accent-inverse-tertiary: var(--sui-accent-light-06);
    --sui-foreground-accent-primary: var(--sui-accent-light-09);
    --sui-foreground-accent-secondary: var(--sui-accent-light-11);
    --sui-foreground-accent-tertiary: var(--sui-accent-light-12);
    --sui-foreground-attention-inverse-primary: var(--sui-attention-dark-01);
    --sui-foreground-attention-inverse-secondary: var(--sui-attention-dark-04);
    --sui-foreground-attention-inverse-tertiary: var(--sui-attention-dark-06);
    --sui-foreground-attention-primary: var(--sui-attention-light-09);
    --sui-foreground-attention-secondary: var(--sui-attention-light-11);
    --sui-foreground-attention-tertiary: var(--sui-attention-light-12);
    --sui-foreground-negative-inverse-primary: var(--sui-negative-light-01);
    --sui-foreground-negative-inverse-secondary: var(--sui-negative-light-04);
    --sui-foreground-negative-inverse-tertiary: var(--sui-negative-light-06);
    --sui-foreground-negative-primary: var(--sui-negative-light-09);
    --sui-foreground-negative-secondary: var(--sui-negative-light-11);
    --sui-foreground-negative-tertiary: var(--sui-negative-light-12);
    --sui-foreground-neutral-alpha-dark-light-primary: var(--sui-dark-alpha-11);
    --sui-foreground-neutral-alpha-dark-light-secondary: var(--sui-dark-alpha-06);
    --sui-foreground-neutral-alpha-dark-light-tertiary: var(--sui-dark-alpha-04);
    --sui-foreground-neutral-alpha-light-dark-primary: var(--sui-light-alpha-11);
    --sui-foreground-neutral-alpha-light-dark-secondary: var(--sui-light-alpha-06);
    --sui-foreground-neutral-alpha-light-dark-tertiary: var(--sui-light-alpha-04);
    --sui-foreground-neutral-interactive-disabled: var(--sui-neutral-light-08);
    --sui-foreground-neutral-inverse-primary: var(--sui-neutral-light-01);
    --sui-foreground-neutral-inverse-secondary: var(--sui-neutral-light-06);
    --sui-foreground-neutral-inverse-tertiary: var(--sui-neutral-light-08);
    --sui-foreground-neutral-primary: var(--sui-neutral-light-12);
    --sui-foreground-neutral-secondary: var(--sui-neutral-light-09);
    --sui-foreground-neutral-tertiary: var(--sui-neutral-light-11);
    --sui-foreground-positive-inverse-primary: var(--sui-positive-dark-01);
    --sui-foreground-positive-inverse-secondary: var(--sui-positive-dark-04);
    --sui-foreground-positive-inverse-tertiary: var(--sui-positive-dark-06);
    --sui-foreground-positive-primary: var(--sui-positive-light-09);
    --sui-foreground-positive-secondary: var(--sui-positive-light-11);
    --sui-foreground-positive-tertiary: var(--sui-positive-light-12);
    --sui-gradient-accent-dark-end: var(--sui-accent-gradient-dark-end);
    --sui-gradient-accent-dark-start: var(--sui-accent-gradient-dark-start);
    --sui-gradient-accent-end: var(--sui-accent-gradient-light-end);
    --sui-gradient-accent-start: var(--sui-accent-gradient-light-start);
    --sui-gradient-brand-start: var(--sui-violet-09);
  }

  [data-sui-theme="dark"],
  [data-sui-theme="dark"] *:not([data-sui-theme="light"], [data-sui-theme="dark"] [data-sui-theme="light"] *) {
    --sui-effect-aesthetics-contrast-border-shadow-position: 1px;
    --sui-effect-aesthetics-divider-drop-shadow-position: -1px;
    --sui-effect-aesthetics-inner-border-shadow-position: -2px;
    --sui-effect-aesthetics-skeuomorph-shadow-position: 0.125rem;
    --sui-background-accent-primary-bold-default: var(--sui-accent-dark-09);
    --sui-background-accent-primary-bold-hover: var(--sui-accent-dark-10);
    --sui-background-accent-primary-default: var(--sui-accent-dark-01);
    --sui-background-accent-primary-hover: var(--sui-accent-dark-02);
    --sui-background-accent-secondary-default: var(--sui-accent-dark-02);
    --sui-background-accent-secondary-hover: var(--sui-accent-dark-03);
    --sui-background-accent-tertiary-default: var(--sui-accent-dark-03);
    --sui-background-accent-tertiary-hover: var(--sui-accent-dark-04);
    --sui-background-alpha-dark-light-primary-default: var(--sui-light-alpha-02);
    --sui-background-alpha-dark-light-primary-hover: var(--sui-light-alpha-03);
    --sui-background-alpha-dark-light-secondary-default: var(--sui-light-alpha-03);
    --sui-background-alpha-dark-light-secondary-hover: var(--sui-light-alpha-04);
    --sui-background-alpha-dark-light-tertiary-default: var(--sui-light-alpha-04);
    --sui-background-alpha-dark-light-tertiary-hover: var(--sui-light-alpha-05);
    --sui-background-alpha-light-dark-primary-default: var(--sui-dark-alpha-02);
    --sui-background-alpha-light-dark-primary-hover: var(--sui-dark-alpha-03);
    --sui-background-alpha-light-dark-secondary-default: var(--sui-dark-alpha-03);
    --sui-background-alpha-light-dark-secondary-hover: var(--sui-dark-alpha-04);
    --sui-background-alpha-light-dark-tertiary-default: var(--sui-dark-alpha-04);
    --sui-background-alpha-light-dark-tertiary-hover: var(--sui-dark-alpha-05);
    --sui-background-attention-primary-bold-default: var(--sui-attention-dark-09);
    --sui-background-attention-primary-bold-hover: var(--sui-attention-dark-10);
    --sui-background-attention-primary-default: var(--sui-attention-dark-01);
    --sui-background-attention-primary-hover: var(--sui-attention-dark-02);
    --sui-background-attention-secondary-default: var(--sui-attention-dark-02);
    --sui-background-attention-secondary-hover: var(--sui-attention-dark-03);
    --sui-background-attention-tertiary-default: var(--sui-attention-dark-03);
    --sui-background-attention-tertiary-hover: var(--sui-attention-dark-04);
    --sui-background-negative-primary-bold-default: var(--sui-negative-dark-09);
    --sui-background-negative-primary-bold-hover: var(--sui-negative-dark-10);
    --sui-background-negative-primary-default: var(--sui-negative-dark-01);
    --sui-background-negative-primary-hover: var(--sui-negative-dark-02);
    --sui-background-negative-secondary-default: var(--sui-negative-dark-02);
    --sui-background-negative-secondary-hover: var(--sui-negative-dark-03);
    --sui-background-negative-tertiary-default: var(--sui-negative-dark-03);
    --sui-background-negative-tertiary-hover: var(--sui-negative-dark-04);
    --sui-background-neutral-primary-bold-default: var(--sui-neutral-dark-12);
    --sui-background-neutral-primary-bold-hover: var(--sui-neutral-dark-11);
    --sui-background-neutral-primary-default: var(--sui-neutral-dark-00);
    --sui-background-neutral-primary-disabled: var(--sui-neutral-dark-03);
    --sui-background-neutral-primary-hover: var(--sui-neutral-dark-01);
    --sui-background-neutral-quaternary-default: var(--sui-neutral-dark-03);
    --sui-background-neutral-quaternary-hover: var(--sui-neutral-dark-04);
    --sui-background-neutral-secondary-default: var(--sui-neutral-dark-01);
    --sui-background-neutral-secondary-hover: var(--sui-neutral-dark-02);
    --sui-background-neutral-tertiary-default: var(--sui-neutral-dark-02);
    --sui-background-neutral-tertiary-hover: var(--sui-neutral-dark-03);
    --sui-background-positive-primary-bold-default: var(--sui-positive-dark-09);
    --sui-background-positive-primary-bold-hover: var(--sui-positive-dark-10);
    --sui-background-positive-primary-default: var(--sui-positive-dark-01);
    --sui-background-positive-primary-hover: var(--sui-positive-dark-02);
    --sui-background-positive-secondary-default: var(--sui-positive-dark-02);
    --sui-background-positive-secondary-hover: var(--sui-positive-dark-03);
    --sui-background-positive-tertiary-default: var(--sui-positive-dark-03);
    --sui-background-positive-tertiary-hover: var(--sui-positive-dark-04);
    --sui-background-surface-primary: var(--sui-neutral-dark-01);
    --sui-background-utility-overlay: var(--sui-dark-alpha-08);
    --sui-background-utility-transparent: var(--sui-dark-alpha-00);
    --sui-border-accent-interactive-focus-primary: var(--sui-accent-dark-09);
    --sui-border-accent-interactive-focus-secondary: var(--sui-accent-dark-06);
    --sui-border-accent-interactive-hover: var(--sui-accent-dark-08);
    --sui-border-accent-interactive-selected: var(--sui-accent-dark-09);
    --sui-border-accent-primary: var(--sui-accent-dark-05);
    --sui-border-accent-primary-bold: var(--sui-accent-light-11);
    --sui-border-accent-secondary: var(--sui-accent-dark-03);
    --sui-border-accent-secondary-bold: var(--sui-accent-dark-10);
    --sui-border-accent-tertiary: var(--sui-accent-dark-07);
    --sui-border-attention-primary: var(--sui-attention-dark-05);
    --sui-border-attention-primary-bold: var(--sui-attention-dark-10);
    --sui-border-attention-secondary: var(--sui-attention-dark-03);
    --sui-border-attention-secondary-bold: var(--sui-attention-dark-09);
    --sui-border-attention-tertiary: var(--sui-attention-dark-07);
    --sui-border-negative-primary: var(--sui-negative-dark-05);
    --sui-border-negative-primary-bold: var(--sui-negative-dark-07);
    --sui-border-negative-secondary: var(--sui-negative-dark-03);
    --sui-border-negative-secondary-bold: var(--sui-negative-dark-08);
    --sui-border-negative-tertiary: var(--sui-negative-dark-07);
    --sui-border-neutral-alpha-dark-light-primary: var(--sui-light-alpha-02);
    --sui-border-neutral-alpha-dark-light-primary-bold: var(--sui-light-alpha-08);
    --sui-border-neutral-alpha-dark-light-secondary: var(--sui-light-alpha-03);
    --sui-border-neutral-alpha-dark-light-tertiary: var(--sui-light-alpha-04);
    --sui-border-neutral-alpha-light-dark-primary: var(--sui-dark-alpha-02);
    --sui-border-neutral-alpha-light-dark-primary-bold: var(--sui-dark-alpha-08);
    --sui-border-neutral-alpha-light-dark-secondary: var(--sui-dark-alpha-03);
    --sui-border-neutral-alpha-light-dark-tertiary: var(--sui-dark-alpha-04);
    --sui-border-neutral-interactive-disabled: var(--sui-neutral-dark-04);
    --sui-border-neutral-primary: var(--sui-neutral-dark-05);
    --sui-border-neutral-primary-bold: var(--sui-neutral-dark-12);
    --sui-border-neutral-secondary: var(--sui-neutral-dark-03);
    --sui-border-neutral-secondary-bold: var(--sui-neutral-dark-11);
    --sui-border-neutral-tertiary: var(--sui-neutral-dark-07);
    --sui-border-positive-primary: var(--sui-positive-dark-05);
    --sui-border-positive-primary-bold: var(--sui-positive-dark-08);
    --sui-border-positive-secondary: var(--sui-positive-dark-03);
    --sui-border-positive-secondary-bold: var(--sui-positive-dark-09);
    --sui-border-positive-tertiary: var(--sui-positive-dark-07);
    --sui-design-accent-01: var(--sui-accent-dark-01);
    --sui-design-accent-02: var(--sui-accent-dark-02);
    --sui-design-accent-03: var(--sui-accent-dark-03);
    --sui-design-accent-04: var(--sui-accent-dark-04);
    --sui-design-accent-05: var(--sui-accent-dark-05);
    --sui-design-accent-06: var(--sui-accent-dark-06);
    --sui-design-accent-07: var(--sui-accent-dark-07);
    --sui-design-accent-08: var(--sui-accent-dark-08);
    --sui-design-accent-09: var(--sui-accent-dark-09);
    --sui-design-accent-10: var(--sui-accent-dark-10);
    --sui-design-accent-11: var(--sui-accent-dark-11);
    --sui-design-accent-12: var(--sui-accent-dark-12);
    --sui-design-blue-01: var(--sui-blue-dark-01);
    --sui-design-blue-02: var(--sui-blue-dark-02);
    --sui-design-blue-03: var(--sui-blue-dark-03);
    --sui-design-blue-04: var(--sui-blue-dark-04);
    --sui-design-blue-05: var(--sui-blue-dark-05);
    --sui-design-blue-06: var(--sui-blue-dark-06);
    --sui-design-blue-07: var(--sui-blue-dark-07);
    --sui-design-blue-08: var(--sui-blue-dark-08);
    --sui-design-blue-09: var(--sui-blue-dark-09);
    --sui-design-blue-10: var(--sui-blue-dark-10);
    --sui-design-blue-11: var(--sui-blue-dark-11);
    --sui-design-blue-12: var(--sui-blue-dark-12);
    --sui-design-gradient-accent-light-end: var(--sui-neutral-light-00);
    --sui-design-gradient-accent-light-start: var(--sui-neutral-light-00);
    --sui-design-gradient-accent-static-end: var(--sui-gradient-accent-dark-end);
    --sui-design-gradient-accent-static-start: var(--sui-gradient-accent-dark-start);
    --sui-design-gradient-brand-light-end: var(--sui-neutral-light-00);
    --sui-design-gradient-brand-light-start: var(--sui-neutral-light-00);
    --sui-design-gradient-brand-static-end: var(--sui-gradient-brand-end);
    --sui-design-gradient-brand-static-start: var(--sui-gradient-brand-start);
    --sui-design-green-01: var(--sui-green-dark-01);
    --sui-design-green-02: var(--sui-green-dark-02);
    --sui-design-green-03: var(--sui-green-dark-03);
    --sui-design-green-04: var(--sui-green-dark-04);
    --sui-design-green-05: var(--sui-green-dark-05);
    --sui-design-green-06: var(--sui-green-dark-06);
    --sui-design-green-07: var(--sui-green-dark-07);
    --sui-design-green-08: var(--sui-green-dark-08);
    --sui-design-green-09: var(--sui-green-dark-09);
    --sui-design-green-10: var(--sui-green-dark-10);
    --sui-design-green-11: var(--sui-green-dark-11);
    --sui-design-green-12: var(--sui-green-dark-12);
    --sui-design-neutral-01: var(--sui-neutral-dark-01);
    --sui-design-neutral-02: var(--sui-neutral-dark-02);
    --sui-design-neutral-03: var(--sui-neutral-dark-03);
    --sui-design-neutral-04: var(--sui-neutral-dark-04);
    --sui-design-neutral-05: var(--sui-neutral-dark-05);
    --sui-design-neutral-06: var(--sui-neutral-dark-06);
    --sui-design-neutral-07: var(--sui-neutral-dark-07);
    --sui-design-neutral-08: var(--sui-neutral-dark-08);
    --sui-design-neutral-09: var(--sui-neutral-dark-09);
    --sui-design-neutral-10: var(--sui-neutral-dark-10);
    --sui-design-neutral-11: var(--sui-neutral-dark-11);
    --sui-design-neutral-12: var(--sui-neutral-dark-12);
    --sui-design-orange-01: var(--sui-orange-dark-01);
    --sui-design-orange-02: var(--sui-orange-dark-02);
    --sui-design-orange-03: var(--sui-orange-dark-03);
    --sui-design-orange-04: var(--sui-orange-dark-04);
    --sui-design-orange-05: var(--sui-orange-dark-05);
    --sui-design-orange-06: var(--sui-orange-dark-06);
    --sui-design-orange-07: var(--sui-orange-dark-07);
    --sui-design-orange-08: var(--sui-orange-dark-08);
    --sui-design-orange-09: var(--sui-orange-dark-09);
    --sui-design-orange-10: var(--sui-orange-dark-10);
    --sui-design-orange-11: var(--sui-orange-dark-11);
    --sui-design-orange-12: var(--sui-orange-dark-12);
    --sui-design-red-01: var(--sui-red-dark-01);
    --sui-design-red-02: var(--sui-red-dark-02);
    --sui-design-red-03: var(--sui-red-dark-03);
    --sui-design-red-04: var(--sui-red-dark-04);
    --sui-design-red-05: var(--sui-red-dark-05);
    --sui-design-red-06: var(--sui-red-dark-06);
    --sui-design-red-07: var(--sui-red-dark-07);
    --sui-design-red-08: var(--sui-red-dark-08);
    --sui-design-red-09: var(--sui-red-dark-09);
    --sui-design-red-10: var(--sui-red-dark-10);
    --sui-design-red-11: var(--sui-red-dark-11);
    --sui-design-red-12: var(--sui-red-dark-12);
    --sui-design-static-alpha-dark-00: var(--sui-dark-alpha-00);
    --sui-design-static-alpha-dark-01: var(--sui-dark-alpha-01);
    --sui-design-static-alpha-dark-02: var(--sui-dark-alpha-02);
    --sui-design-static-alpha-dark-03: var(--sui-dark-alpha-03);
    --sui-design-static-alpha-dark-04: var(--sui-dark-alpha-04);
    --sui-design-static-alpha-dark-05: var(--sui-dark-alpha-05);
    --sui-design-static-alpha-dark-06: var(--sui-dark-alpha-06);
    --sui-design-static-alpha-dark-07: var(--sui-dark-alpha-07);
    --sui-design-static-alpha-dark-08: var(--sui-dark-alpha-08);
    --sui-design-static-alpha-dark-09: var(--sui-dark-alpha-09);
    --sui-design-static-alpha-dark-10: var(--sui-dark-alpha-10);
    --sui-design-static-alpha-dark-11: var(--sui-dark-alpha-11);
    --sui-design-static-alpha-dark-12: var(--sui-dark-alpha-12);
    --sui-design-static-alpha-light-00: var(--sui-light-alpha-00);
    --sui-design-static-alpha-light-01: var(--sui-light-alpha-01);
    --sui-design-static-alpha-light-02: var(--sui-light-alpha-02);
    --sui-design-static-alpha-light-03: var(--sui-light-alpha-03);
    --sui-design-static-alpha-light-04: var(--sui-light-alpha-04);
    --sui-design-static-alpha-light-05: var(--sui-light-alpha-05);
    --sui-design-static-alpha-light-06: var(--sui-light-alpha-06);
    --sui-design-static-alpha-light-07: var(--sui-light-alpha-07);
    --sui-design-static-alpha-light-08: var(--sui-light-alpha-08);
    --sui-design-static-alpha-light-09: var(--sui-light-alpha-09);
    --sui-design-static-alpha-light-10: var(--sui-light-alpha-10);
    --sui-design-static-alpha-light-11: var(--sui-light-alpha-11);
    --sui-design-static-alpha-light-12: var(--sui-light-alpha-12);
    --sui-design-static-dark: var(--sui-neutral-dark-00);
    --sui-design-static-light: var(--sui-neutral-light-00);
    --sui-design-violet-01: var(--sui-violet-dark-01);
    --sui-design-violet-02: var(--sui-violet-dark-02);
    --sui-design-violet-03: var(--sui-violet-dark-03);
    --sui-design-violet-04: var(--sui-violet-dark-04);
    --sui-design-violet-05: var(--sui-violet-dark-05);
    --sui-design-violet-06: var(--sui-violet-dark-06);
    --sui-design-violet-07: var(--sui-violet-dark-07);
    --sui-design-violet-08: var(--sui-violet-dark-08);
    --sui-design-violet-09: var(--sui-violet-dark-09);
    --sui-design-violet-10: var(--sui-violet-dark-10);
    --sui-design-violet-11: var(--sui-violet-dark-11);
    --sui-design-violet-12: var(--sui-violet-dark-12);
    --sui-design-yellow-01: var(--sui-yellow-dark-01);
    --sui-design-yellow-02: var(--sui-yellow-dark-02);
    --sui-design-yellow-03: var(--sui-yellow-dark-03);
    --sui-design-yellow-04: var(--sui-yellow-dark-04);
    --sui-design-yellow-05: var(--sui-yellow-dark-05);
    --sui-design-yellow-06: var(--sui-yellow-dark-06);
    --sui-design-yellow-07: var(--sui-yellow-dark-07);
    --sui-design-yellow-08: var(--sui-yellow-dark-08);
    --sui-design-yellow-09: var(--sui-yellow-dark-09);
    --sui-design-yellow-10: var(--sui-yellow-dark-10);
    --sui-design-yellow-11: var(--sui-yellow-dark-11);
    --sui-design-yellow-12: var(--sui-yellow-dark-12);
    --sui-effect-aesthetics-contrast-border-shadow-color: var(--sui-neutral-dark-00);
    --sui-effect-aesthetics-divider-drop-shadow-color: var(--sui-neutral-dark-00);
    --sui-effect-aesthetics-inner-border-shadow-color: var(--sui-design-static-alpha-dark-09);
    --sui-effect-aesthetics-skeuomorph-shadow-color: var(--sui-light-alpha-04);
    --sui-effect-shadow-drop-shadow-alpha: var(--sui-dark-alpha-12);
    --sui-foreground-accent-inverse-primary: var(--sui-accent-light-01);
    --sui-foreground-accent-inverse-secondary: var(--sui-accent-light-04);
    --sui-foreground-accent-inverse-tertiary: var(--sui-accent-light-06);
    --sui-foreground-accent-primary: var(--sui-accent-dark-09);
    --sui-foreground-accent-secondary: var(--sui-accent-dark-11);
    --sui-foreground-accent-tertiary: var(--sui-accent-dark-12);
    --sui-foreground-attention-inverse-primary: var(--sui-attention-dark-01);
    --sui-foreground-attention-inverse-secondary: var(--sui-attention-dark-04);
    --sui-foreground-attention-inverse-tertiary: var(--sui-attention-dark-06);
    --sui-foreground-attention-primary: var(--sui-attention-dark-09);
    --sui-foreground-attention-secondary: var(--sui-attention-dark-11);
    --sui-foreground-attention-tertiary: var(--sui-attention-dark-12);
    --sui-foreground-negative-inverse-primary: var(--sui-negative-light-01);
    --sui-foreground-negative-inverse-secondary: var(--sui-negative-light-04);
    --sui-foreground-negative-inverse-tertiary: var(--sui-negative-light-06);
    --sui-foreground-negative-primary: var(--sui-negative-dark-11);
    --sui-foreground-negative-secondary: var(--sui-negative-dark-11);
    --sui-foreground-negative-tertiary: var(--sui-negative-dark-12);
    --sui-foreground-neutral-alpha-dark-light-primary: var(--sui-light-alpha-11);
    --sui-foreground-neutral-alpha-dark-light-secondary: var(--sui-light-alpha-06);
    --sui-foreground-neutral-alpha-dark-light-tertiary: var(--sui-light-alpha-04);
    --sui-foreground-neutral-alpha-light-dark-primary: var(--sui-dark-alpha-11);
    --sui-foreground-neutral-alpha-light-dark-secondary: var(--sui-dark-alpha-06);
    --sui-foreground-neutral-alpha-light-dark-tertiary: var(--sui-dark-alpha-04);
    --sui-foreground-neutral-interactive-disabled: var(--sui-neutral-dark-08);
    --sui-foreground-neutral-inverse-primary: var(--sui-neutral-dark-01);
    --sui-foreground-neutral-inverse-secondary: var(--sui-neutral-dark-06);
    --sui-foreground-neutral-inverse-tertiary: var(--sui-neutral-dark-08);
    --sui-foreground-neutral-primary: var(--sui-neutral-dark-12);
    --sui-foreground-neutral-secondary: var(--sui-neutral-dark-10);
    --sui-foreground-neutral-tertiary: var(--sui-neutral-dark-11);
    --sui-foreground-positive-inverse-primary: var(--sui-positive-dark-01);
    --sui-foreground-positive-inverse-secondary: var(--sui-positive-dark-04);
    --sui-foreground-positive-inverse-tertiary: var(--sui-positive-dark-06);
    --sui-foreground-positive-primary: var(--sui-positive-dark-09);
    --sui-foreground-positive-secondary: var(--sui-positive-dark-11);
    --sui-foreground-positive-tertiary: var(--sui-positive-dark-12);
    --sui-gradient-accent-dark-end: var(--sui-accent-gradient-dark-end);
    --sui-gradient-accent-dark-start: var(--sui-accent-gradient-dark-start);
    --sui-gradient-accent-end: var(--sui-accent-gradient-light-end);
    --sui-gradient-accent-start: var(--sui-accent-gradient-light-start);
    --sui-gradient-brand-start: var(--sui-violet-09);
  }

  [data-sui-accent="blue"] {
    --sui-accent-dark-01: var(--sui-blue-dark-01);
    --sui-accent-dark-02: var(--sui-blue-dark-02);
    --sui-accent-dark-03: var(--sui-blue-dark-03);
    --sui-accent-dark-04: var(--sui-blue-dark-04);
    --sui-accent-dark-05: var(--sui-blue-dark-05);
    --sui-accent-dark-06: var(--sui-blue-dark-06);
    --sui-accent-dark-07: var(--sui-blue-dark-07);
    --sui-accent-dark-08: var(--sui-blue-dark-08);
    --sui-accent-dark-09: var(--sui-blue-dark-09);
    --sui-accent-dark-10: var(--sui-blue-dark-10);
    --sui-accent-dark-11: var(--sui-blue-dark-11);
    --sui-accent-dark-12: var(--sui-blue-dark-12);
    --sui-accent-gradient-dark-end: var(--sui-blue-dark-09);
    --sui-accent-gradient-dark-start: var(--sui-blue-dark-09);
    --sui-accent-gradient-light-end: var(--sui-blue-09);
    --sui-accent-gradient-light-start: var(--sui-blue-09);
    --sui-accent-light-01: var(--sui-blue-01);
    --sui-accent-light-02: var(--sui-blue-02);
    --sui-accent-light-03: var(--sui-blue-03);
    --sui-accent-light-04: var(--sui-blue-04);
    --sui-accent-light-05: var(--sui-blue-05);
    --sui-accent-light-06: var(--sui-blue-06);
    --sui-accent-light-07: var(--sui-blue-07);
    --sui-accent-light-08: var(--sui-blue-08);
    --sui-accent-light-09: var(--sui-blue-09);
    --sui-accent-light-10: var(--sui-blue-10);
    --sui-accent-light-11: var(--sui-blue-11);
    --sui-accent-light-12: var(--sui-blue-12);
  }

  [data-sui-accent="caramel"] {
    --sui-accent-dark-01: var(--sui-caramel-dark-01);
    --sui-accent-dark-02: var(--sui-caramel-dark-02);
    --sui-accent-dark-03: var(--sui-caramel-dark-03);
    --sui-accent-dark-04: var(--sui-caramel-dark-04);
    --sui-accent-dark-05: var(--sui-caramel-dark-05);
    --sui-accent-dark-06: var(--sui-caramel-dark-06);
    --sui-accent-dark-07: var(--sui-caramel-dark-07);
    --sui-accent-dark-08: var(--sui-caramel-dark-08);
    --sui-accent-dark-09: var(--sui-caramel-dark-09);
    --sui-accent-dark-10: var(--sui-caramel-dark-10);
    --sui-accent-dark-11: var(--sui-caramel-dark-11);
    --sui-accent-dark-12: var(--sui-caramel-dark-12);
    --sui-accent-gradient-dark-end: var(--sui-caramel-dark-09);
    --sui-accent-gradient-dark-start: var(--sui-caramel-dark-09);
    --sui-accent-gradient-light-end: var(--sui-caramel-09);
    --sui-accent-gradient-light-start: var(--sui-caramel-09);
    --sui-accent-light-01: var(--sui-caramel-01);
    --sui-accent-light-02: var(--sui-caramel-02);
    --sui-accent-light-03: var(--sui-caramel-03);
    --sui-accent-light-04: var(--sui-caramel-04);
    --sui-accent-light-05: var(--sui-caramel-05);
    --sui-accent-light-06: var(--sui-caramel-06);
    --sui-accent-light-07: var(--sui-caramel-07);
    --sui-accent-light-08: var(--sui-caramel-08);
    --sui-accent-light-09: var(--sui-caramel-09);
    --sui-accent-light-10: var(--sui-caramel-10);
    --sui-accent-light-11: var(--sui-caramel-11);
    --sui-accent-light-12: var(--sui-caramel-12);
  }

  [data-sui-accent="green"] {
    --sui-accent-dark-01: var(--sui-green-dark-01);
    --sui-accent-dark-02: var(--sui-green-dark-02);
    --sui-accent-dark-03: var(--sui-green-dark-03);
    --sui-accent-dark-04: var(--sui-green-dark-04);
    --sui-accent-dark-05: var(--sui-green-dark-05);
    --sui-accent-dark-06: var(--sui-green-dark-06);
    --sui-accent-dark-07: var(--sui-green-dark-07);
    --sui-accent-dark-08: var(--sui-green-dark-08);
    --sui-accent-dark-09: var(--sui-green-dark-09);
    --sui-accent-dark-10: var(--sui-green-dark-10);
    --sui-accent-dark-11: var(--sui-green-dark-11);
    --sui-accent-dark-12: var(--sui-green-dark-12);
    --sui-accent-gradient-dark-end: var(--sui-green-dark-09);
    --sui-accent-gradient-dark-start: var(--sui-green-dark-09);
    --sui-accent-gradient-light-end: var(--sui-green-09);
    --sui-accent-gradient-light-start: var(--sui-green-09);
    --sui-accent-light-01: var(--sui-green-01);
    --sui-accent-light-02: var(--sui-green-02);
    --sui-accent-light-03: var(--sui-green-03);
    --sui-accent-light-04: var(--sui-green-04);
    --sui-accent-light-05: var(--sui-green-05);
    --sui-accent-light-06: var(--sui-green-06);
    --sui-accent-light-07: var(--sui-green-07);
    --sui-accent-light-08: var(--sui-green-08);
    --sui-accent-light-09: var(--sui-green-09);
    --sui-accent-light-10: var(--sui-green-10);
    --sui-accent-light-11: var(--sui-green-11);
    --sui-accent-light-12: var(--sui-green-12);
  }

  [data-sui-accent="neutral"] {
    --sui-accent-dark-01: var(--sui-gray-dark-01);
    --sui-accent-dark-02: var(--sui-gray-dark-02);
    --sui-accent-dark-03: var(--sui-gray-dark-03);
    --sui-accent-dark-04: var(--sui-gray-dark-04);
    --sui-accent-dark-05: var(--sui-gray-dark-05);
    --sui-accent-dark-06: var(--sui-gray-dark-06);
    --sui-accent-dark-07: var(--sui-gray-dark-07);
    --sui-accent-dark-08: var(--sui-gray-dark-08);
    --sui-accent-dark-09: var(--sui-gray-dark-09);
    --sui-accent-dark-10: var(--sui-gray-dark-10);
    --sui-accent-dark-11: var(--sui-gray-dark-11);
    --sui-accent-dark-12: var(--sui-gray-dark-12);
    --sui-accent-gradient-dark-end: var(--sui-gray-dark-12);
    --sui-accent-gradient-dark-start: var(--sui-gray-dark-12);
    --sui-accent-gradient-light-end: var(--sui-gray-12);
    --sui-accent-gradient-light-start: var(--sui-gray-12);
    --sui-accent-light-01: var(--sui-gray-01);
    --sui-accent-light-02: var(--sui-gray-02);
    --sui-accent-light-03: var(--sui-gray-03);
    --sui-accent-light-04: var(--sui-gray-04);
    --sui-accent-light-05: var(--sui-gray-05);
    --sui-accent-light-06: var(--sui-gray-06);
    --sui-accent-light-07: var(--sui-gray-07);
    --sui-accent-light-08: var(--sui-gray-08);
    --sui-accent-light-09: var(--sui-gray-09);
    --sui-accent-light-10: var(--sui-gray-10);
    --sui-accent-light-11: var(--sui-gray-11);
    --sui-accent-light-12: var(--sui-gray-12);
  }

  :root,
  [data-sui-accent="surrogate"] {
    --sui-accent-dark-01: var(--sui-surrogate-dark-01);
    --sui-accent-dark-02: var(--sui-surrogate-dark-02);
    --sui-accent-dark-03: var(--sui-surrogate-dark-03);
    --sui-accent-dark-04: var(--sui-surrogate-dark-04);
    --sui-accent-dark-05: var(--sui-surrogate-dark-05);
    --sui-accent-dark-06: var(--sui-surrogate-dark-06);
    --sui-accent-dark-07: var(--sui-surrogate-dark-07);
    --sui-accent-dark-08: var(--sui-surrogate-dark-08);
    --sui-accent-dark-09: var(--sui-surrogate-dark-09);
    --sui-accent-dark-10: var(--sui-surrogate-dark-10);
    --sui-accent-dark-11: var(--sui-surrogate-dark-11);
    --sui-accent-dark-12: var(--sui-surrogate-dark-12);
    --sui-accent-gradient-dark-end: var(--sui-red-09);
    --sui-accent-gradient-dark-start: var(--sui-violet-09);
    --sui-accent-gradient-light-end: var(--sui-red-09);
    --sui-accent-gradient-light-start: var(--sui-violet-09);
    --sui-accent-light-01: var(--sui-surrogate-01);
    --sui-accent-light-02: var(--sui-surrogate-02);
    --sui-accent-light-03: var(--sui-surrogate-03);
    --sui-accent-light-04: var(--sui-surrogate-04);
    --sui-accent-light-05: var(--sui-surrogate-05);
    --sui-accent-light-06: var(--sui-surrogate-06);
    --sui-accent-light-07: var(--sui-surrogate-07);
    --sui-accent-light-08: var(--sui-surrogate-08);
    --sui-accent-light-09: var(--sui-surrogate-09);
    --sui-accent-light-10: var(--sui-surrogate-10);
    --sui-accent-light-11: var(--sui-surrogate-11);
    --sui-accent-light-12: var(--sui-surrogate-12);
  }

  [data-sui-accent="turquoise"] {
    --sui-accent-dark-01: var(--sui-turquoise-dark-01);
    --sui-accent-dark-02: var(--sui-turquoise-dark-02);
    --sui-accent-dark-03: var(--sui-turquoise-dark-03);
    --sui-accent-dark-04: var(--sui-turquoise-dark-04);
    --sui-accent-dark-05: var(--sui-turquoise-dark-05);
    --sui-accent-dark-06: var(--sui-turquoise-dark-06);
    --sui-accent-dark-07: var(--sui-turquoise-dark-07);
    --sui-accent-dark-08: var(--sui-turquoise-dark-08);
    --sui-accent-dark-09: var(--sui-turquoise-dark-09);
    --sui-accent-dark-10: var(--sui-turquoise-dark-10);
    --sui-accent-dark-11: var(--sui-turquoise-dark-11);
    --sui-accent-dark-12: var(--sui-turquoise-dark-12);
    --sui-accent-gradient-dark-end: var(--sui-turquoise-dark-09);
    --sui-accent-gradient-dark-start: var(--sui-turquoise-dark-09);
    --sui-accent-gradient-light-end: var(--sui-turquoise-09);
    --sui-accent-gradient-light-start: var(--sui-turquoise-09);
    --sui-accent-light-01: var(--sui-turquoise-01);
    --sui-accent-light-02: var(--sui-turquoise-02);
    --sui-accent-light-03: var(--sui-turquoise-03);
    --sui-accent-light-04: var(--sui-turquoise-04);
    --sui-accent-light-05: var(--sui-turquoise-05);
    --sui-accent-light-06: var(--sui-turquoise-06);
    --sui-accent-light-07: var(--sui-turquoise-07);
    --sui-accent-light-08: var(--sui-turquoise-08);
    --sui-accent-light-09: var(--sui-turquoise-09);
    --sui-accent-light-10: var(--sui-turquoise-10);
    --sui-accent-light-11: var(--sui-turquoise-11);
    --sui-accent-light-12: var(--sui-turquoise-12);
  }

  [data-sui-accent="violet"] {
    --sui-accent-dark-01: var(--sui-violet-dark-01);
    --sui-accent-dark-02: var(--sui-violet-dark-02);
    --sui-accent-dark-03: var(--sui-violet-dark-03);
    --sui-accent-dark-04: var(--sui-violet-dark-04);
    --sui-accent-dark-05: var(--sui-violet-dark-05);
    --sui-accent-dark-06: var(--sui-violet-dark-06);
    --sui-accent-dark-07: var(--sui-violet-dark-07);
    --sui-accent-dark-08: var(--sui-violet-dark-08);
    --sui-accent-dark-09: var(--sui-violet-dark-09);
    --sui-accent-dark-10: var(--sui-violet-dark-10);
    --sui-accent-dark-11: var(--sui-violet-dark-11);
    --sui-accent-dark-12: var(--sui-violet-dark-12);
    --sui-accent-gradient-dark-end: var(--sui-violet-dark-09);
    --sui-accent-gradient-dark-start: var(--sui-violet-dark-09);
    --sui-accent-gradient-light-end: var(--sui-violet-09);
    --sui-accent-gradient-light-start: var(--sui-violet-09);
    --sui-accent-light-01: var(--sui-violet-01);
    --sui-accent-light-02: var(--sui-violet-02);
    --sui-accent-light-03: var(--sui-violet-03);
    --sui-accent-light-04: var(--sui-violet-04);
    --sui-accent-light-05: var(--sui-violet-05);
    --sui-accent-light-06: var(--sui-violet-06);
    --sui-accent-light-07: var(--sui-violet-07);
    --sui-accent-light-08: var(--sui-violet-08);
    --sui-accent-light-09: var(--sui-violet-09);
    --sui-accent-light-10: var(--sui-violet-10);
    --sui-accent-light-11: var(--sui-violet-11);
    --sui-accent-light-12: var(--sui-violet-12);
  }
}