/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --0-2: var(--neutral-gray-0-2); /* @kind color */
  --0-3: var(--neutral-gray-0-3); /* @kind color */
  --0: var(--neutral-gray-0); /* @kind color */
  --100-2: var(--neutral-gray-100-2); /* @kind color */
  --100-3: var(--neutral-gray-100-3); /* @kind color */
  --100: var(--neutral-gray-100); /* @kind color */
  --200-2: var(--neutral-gray-200-2); /* @kind color */
  --200-3: var(--neutral-gray-200-3); /* @kind color */
  --200: var(--neutral-gray-200); /* @kind color */
  --300-2: var(--neutral-gray-300-2); /* @kind color */
  --300: var(--neutral-gray-300); /* @kind color */
  --400-2: var(--neutral-gray-400-2); /* @kind color */
  --400-3: var(--neutral-gray-400-3); /* @kind color */
  --400: var(--neutral-gray-400); /* @kind color */
  --50-2: var(--neutral-gray-50-2); /* @kind color */
  --500-2: var(--neutral-gray-500-2); /* @kind color */
  --500: var(--neutral-gray-500); /* @kind color */
  --50: var(--neutral-gray-50); /* @kind color */
  --600-2: var(--neutral-gray-600-2); /* @kind color */
  --600-3: var(--neutral-gray-600-3); /* @kind color */
  --600: var(--neutral-gray-600); /* @kind color */
  --700-2: var(--neutral-gray-700-2); /* @kind color */
  --700: var(--neutral-gray-700); /* @kind color */
  --800-2: var(--neutral-gray-800-2); /* @kind color */
  --800-3: var(--neutral-gray-800-3); /* @kind color */
  --800: var(--neutral-gray-800); /* @kind color */
  --950-2: var(--neutral-gray-950-2); /* @kind color */
  --950-3: var(--neutral-gray-950-3); /* @kind color */
  --950: var(--neutral-gray-950); /* @kind color */
  --alpha-blue-alpha-10-2: rgba(71,108,255,0.1); /* @kind color */
  --alpha-blue-alpha-10: rgba(71,108,255,0.1); /* @kind color */
  --alpha-blue-alpha-16-2: rgba(71,108,255,0.16); /* @kind color */
  --alpha-blue-alpha-16-3: rgba(71,108,255,0.16); /* @kind color */
  --alpha-blue-alpha-16: rgba(71,108,255,0.16); /* @kind color */
  --alpha-blue-alpha-24: rgba(71,108,255,0.24); /* @kind color */
  --alpha-gray-alpha-16-2: rgba(163,163,163,0.16); /* @kind color */
  --alpha-gray-alpha-16-3: rgba(163,163,163,0.16); /* @kind color */
  --alpha-gray-alpha-16: rgba(163,163,163,0.16); /* @kind color */
  --alpha-gray-alpha-24: rgba(163,163,163,0.24); /* @kind color */
  --alpha-green-alpha-10-2: rgba(31,193,107,0.1); /* @kind color */
  --alpha-green-alpha-10-3: rgba(31,193,107,0.1); /* @kind color */
  --alpha-green-alpha-10: rgba(31,193,107,0.1); /* @kind color */
  --alpha-green-alpha-16: rgba(31,193,107,0.16); /* @kind color */
  --alpha-orange-alpha-10-2: rgba(218,82,80,0.1); /* @kind color */
  --alpha-orange-alpha-10: rgba(250,115,25,0.1); /* @kind color */
  --alpha-orange-alpha-16-2: rgba(250,115,25,0.16); /* @kind color */
  --alpha-orange-alpha-16-3: rgba(218,82,80,0.16); /* @kind color */
  --alpha-orange-alpha-16: rgba(250,115,25,0.16); /* @kind color */
  --alpha-orange-alpha-24-2: rgba(250,115,25,0.24); /* @kind color */
  --alpha-orange-alpha-24-3: rgba(218,82,80,0.24); /* @kind color */
  --alpha-orange-alpha-24: rgba(250,115,25,0.24); /* @kind color */
  --alpha-pink-alpha-16-2: rgba(251,75,163,0.16); /* @kind color */
  --alpha-pink-alpha-16-3: rgba(251,75,163,0.16); /* @kind color */
  --alpha-pink-alpha-16: rgba(251,75,163,0.16); /* @kind color */
  --alpha-pink-alpha-24: rgba(251,75,163,0.24); /* @kind color */
  --alpha-purple-alpha-10-2: rgba(120,77,239,0.1); /* @kind color */
  --alpha-purple-alpha-10: rgba(120,77,239,0.1); /* @kind color */
  --alpha-purple-alpha-16-2: rgba(120,77,239,0.16); /* @kind color */
  --alpha-purple-alpha-16-3: rgba(120,77,239,0.16); /* @kind color */
  --alpha-purple-alpha-16: rgba(120,77,239,0.16); /* @kind color */
  --alpha-purple-alpha-24: rgba(120,77,239,0.24); /* @kind color */
  --alpha-red-alpha-10: rgba(251,55,72,0.1); /* @kind color */
  --alpha-red-alpha-16-2: rgba(251,55,72,0.16); /* @kind color */
  --alpha-red-alpha-16-3: rgba(218,82,80,0.16); /* @kind color */
  --alpha-red-alpha-16: rgba(251,55,72,0.16); /* @kind color */
  --alpha-red-alpha-24: rgba(251,55,72,0.24); /* @kind color */
  --alpha-sky-alpha-10-2: rgba(71,194,255,0.1); /* @kind color */
  --alpha-sky-alpha-10: rgba(71,194,255,0.1); /* @kind color */
  --alpha-sky-alpha-16-2: rgba(71,194,255,0.16); /* @kind color */
  --alpha-sky-alpha-16-3: rgba(71,194,255,0.16); /* @kind color */
  --alpha-sky-alpha-16: rgba(71,194,255,0.16); /* @kind color */
  --alpha-sky-alpha-24: rgba(71,194,255,0.24); /* @kind color */
  --alpha-slate-alpha-16-2: rgba(153,160,174,0.16); /* @kind color */
  --alpha-slate-alpha-16: rgba(153,160,174,0.16); /* @kind color */
  --alpha-teal-alpha-16: rgba(34,211,187,0.16); /* @kind color */
  --alpha-teal-alpha-24: rgba(34,211,187,0.24); /* @kind color */
  --alpha-white-alpha-10: rgba(255,255,255,0.1); /* @kind color */
  --alpha-white-alpha-16-2: rgba(255,255,255,0.16); /* @kind color */
  --alpha-white-alpha-16: rgba(255,255,255,0.16); /* @kind color */
  --alpha-yellow-alpha-16-2: rgba(251,198,75,0.16); /* @kind color */
  --alpha-yellow-alpha-16-3: rgba(251,198,75,0.16); /* @kind color */
  --alpha-yellow-alpha-16: rgba(251,198,75,0.16); /* @kind color */
  --alpha-yellow-alpha-24: rgba(251,198,75,0.24); /* @kind color */
  --background-primary: var(--color-neutral-white); /* @kind color */
  --bg-soft-200-2: var(--200-2); /* @kind color */
  --bg-soft-200: var(--200); /* @kind color */
  --bg-strong-950-2: var(--950); /* @kind color */
  --bg-strong-950: var(--950-2); /* @kind color */
  --bg-sub-300-2: var(--300); /* @kind color */
  --bg-sub-300: var(--300-2); /* @kind color */
  --bg-surface-800-2: var(--800); /* @kind color */
  --bg-surface-800: var(--800-2); /* @kind color */
  --bg-weak-50-2: var(--50-2); /* @kind color */
  --bg-weak-50: var(--50); /* @kind color */
  --bg-white-0-2: var(--0-2); /* @kind color */
  --bg-white-0-3: var(--0-3); /* @kind color */
  --bg-white-0: var(--0); /* @kind color */
  --blue-200: rgb(192,213,255); /* @kind color */
  --blue-400-2: rgb(104,149,255); /* @kind color */
  --blue-400: rgb(104,149,255); /* @kind color */
  --blue-50-2: rgb(235,241,255); /* @kind color */
  --blue-50-3: rgb(235,241,255); /* @kind color */
  --blue-500-2: rgb(51,92,255); /* @kind color */
  --blue-500-3: rgb(51,92,255); /* @kind color */
  --blue-500: rgb(51,92,255); /* @kind color */
  --blue-50: rgb(235,241,255); /* @kind color */
  --blue-700-2: rgb(37,71,208); /* @kind color */
  --blue-700: rgb(37,71,208); /* @kind color */
  --blue-800-2: rgb(31,59,173); /* @kind color */
  --blue-800: rgb(31,59,173); /* @kind color */
  --blue-950-2: rgb(18,35,104); /* @kind color */
  --blue-950: rgb(18,35,104); /* @kind color */
  --color-beige-500: rgb(199,196,194); /* @kind color */
  --color-beige-600: rgb(144,140,134); /* @kind color */
  --color-neutral-black: rgb(21,21,21); /* @kind color */
  --color-neutral-white: rgb(255,255,255); /* @kind color */
  --color: rgb(255,255,255); /* @kind color */
  --foreground-primary: var(--color-neutral-black); /* @kind color */
  --foreground-quaternary: var(--color-beige-500); /* @kind color */
  --foreground-tertiary: var(--color-beige-600); /* @kind color */
  --green-200: rgb(194,245,218); /* @kind color */
  --green-400: rgb(62,224,137); /* @kind color */
  --green-50-2: rgb(224,250,236); /* @kind color */
  --green-50-3: rgb(224,250,236); /* @kind color */
  --green-500-2: rgb(31,193,107); /* @kind color */
  --green-500-3: rgb(31,193,107); /* @kind color */
  --green-500: rgb(31,193,107); /* @kind color */
  --green-50: rgb(224,250,236); /* @kind color */
  --green-600-2: rgb(29,175,97); /* @kind color */
  --green-600-3: rgb(29,175,97); /* @kind color */
  --green-600: rgb(29,175,97); /* @kind color */
  --green-950: rgb(11,70,39); /* @kind color */
  --icon-disabled-300-2: var(--300-2); /* @kind color */
  --icon-disabled-300: var(--300); /* @kind color */
  --icon-soft-400-2: var(--400-2); /* @kind color */
  --icon-soft-400: var(--400); /* @kind color */
  --icon-strong-950-2: var(--950-2); /* @kind color */
  --icon-strong-950-3: var(--950-3); /* @kind color */
  --icon-strong-950: var(--950); /* @kind color */
  --icon-sub-600-2: var(--600-2); /* @kind color */
  --icon-sub-600-3: var(--600-3); /* @kind color */
  --icon-sub-600: var(--600); /* @kind color */
  --icon-white-0-2: var(--0); /* @kind color */
  --icon-white-0: var(--0-2); /* @kind color */
  --neutral-gray-0-2: rgb(255,255,255); /* @kind color */
  --neutral-gray-0-3: rgb(255,255,255); /* @kind color */
  --neutral-gray-0: rgb(255,255,255); /* @kind color */
  --neutral-gray-100-2: rgb(245,245,245); /* @kind color */
  --neutral-gray-100-3: rgb(245,245,245); /* @kind color */
  --neutral-gray-100: rgb(245,245,245); /* @kind color */
  --neutral-gray-200-2: rgb(235,235,235); /* @kind color */
  --neutral-gray-200-3: rgb(235,235,235); /* @kind color */
  --neutral-gray-200: rgb(235,235,235); /* @kind color */
  --neutral-gray-300-2: rgb(209,209,209); /* @kind color */
  --neutral-gray-300: rgb(209,209,209); /* @kind color */
  --neutral-gray-400-2: rgb(163,163,163); /* @kind color */
  --neutral-gray-400-3: rgb(163,163,163); /* @kind color */
  --neutral-gray-400: rgb(163,163,163); /* @kind color */
  --neutral-gray-50-2: rgb(247,247,247); /* @kind color */
  --neutral-gray-500-2: rgb(123,123,123); /* @kind color */
  --neutral-gray-500: rgb(123,123,123); /* @kind color */
  --neutral-gray-50: rgb(247,247,247); /* @kind color */
  --neutral-gray-600-2: rgb(92,92,92); /* @kind color */
  --neutral-gray-600-3: rgb(92,92,92); /* @kind color */
  --neutral-gray-600: rgb(92,92,92); /* @kind color */
  --neutral-gray-700-2: rgb(51,51,51); /* @kind color */
  --neutral-gray-700: rgb(51,51,51); /* @kind color */
  --neutral-gray-800-2: rgb(38,38,38); /* @kind color */
  --neutral-gray-800-3: rgb(38,38,38); /* @kind color */
  --neutral-gray-800: rgb(45,45,45); /* @kind color */
  --neutral-gray-950-2: rgb(23,23,23); /* @kind color */
  --neutral-gray-950-3: rgb(23,23,23); /* @kind color */
  --neutral-gray-950: rgb(23,23,23); /* @kind color */
  --neutral-slate-0-2: rgb(255,255,255); /* @kind color */
  --neutral-slate-0-3: rgb(255,255,255); /* @kind color */
  --neutral-slate-0: rgb(255,255,255); /* @kind color */
  --neutral-slate-100-2: rgb(242,245,248); /* @kind color */
  --neutral-slate-100-3: rgb(242,245,248); /* @kind color */
  --neutral-slate-100: rgb(242,245,248); /* @kind color */
  --neutral-slate-200-2: rgb(225,228,234); /* @kind color */
  --neutral-slate-200-3: rgb(225,228,234); /* @kind color */
  --neutral-slate-200: rgb(225,228,234); /* @kind color */
  --neutral-slate-300-2: rgb(202,207,216); /* @kind color */
  --neutral-slate-300: rgb(202,207,216); /* @kind color */
  --neutral-slate-400-2: rgb(153,160,174); /* @kind color */
  --neutral-slate-400-3: rgb(153,160,174); /* @kind color */
  --neutral-slate-400: rgb(153,160,174); /* @kind color */
  --neutral-slate-50-2: rgb(245,247,250); /* @kind color */
  --neutral-slate-500-2: rgb(113,119,132); /* @kind color */
  --neutral-slate-500: rgb(113,119,132); /* @kind color */
  --neutral-slate-50: rgb(245,247,250); /* @kind color */
  --neutral-slate-600-2: rgb(82,88,102); /* @kind color */
  --neutral-slate-600-3: rgb(82,88,102); /* @kind color */
  --neutral-slate-600: rgb(82,88,102); /* @kind color */
  --neutral-slate-700-2: rgb(43,48,59); /* @kind color */
  --neutral-slate-700: rgb(43,48,59); /* @kind color */
  --neutral-slate-800-2: rgb(34,37,48); /* @kind color */
  --neutral-slate-800-3: rgb(34,37,48); /* @kind color */
  --neutral-slate-800: rgb(34,37,48); /* @kind color */
  --neutral-slate-950-2: rgb(14,18,27); /* @kind color */
  --neutral-slate-950-3: rgb(14,18,27); /* @kind color */
  --neutral-slate-950: rgb(14,18,27); /* @kind color */
  --orange-200-2: rgb(255,217,192); /* @kind color */
  --orange-200: rgb(255,217,192); /* @kind color */
  --orange-400-2: rgb(255,164,104); /* @kind color */
  --orange-400: rgb(255,164,104); /* @kind color */
  --orange-50-2: rgb(255,243,235); /* @kind color */
  --orange-500-2: rgb(250,115,25); /* @kind color */
  --orange-500-3: rgb(250,115,25); /* @kind color */
  --orange-500: rgb(250,115,25); /* @kind color */
  --orange-50: rgb(255,243,235); /* @kind color */
  --orange-600-2: rgb(225,102,20); /* @kind color */
  --orange-600-3: rgb(225,102,20); /* @kind color */
  --orange-600: rgb(225,102,20); /* @kind color */
  --orange-700: rgb(206,94,18); /* @kind color */
  --orange-800: rgb(183,83,16); /* @kind color */
  --orange-950-2: rgb(113,51,10); /* @kind color */
  --orange-950: rgb(113,51,10); /* @kind color */
  --pink-200: rgb(255,192,223); /* @kind color */
  --pink-400: rgb(255,104,179); /* @kind color */
  --pink-50-2: rgb(255,235,244); /* @kind color */
  --pink-50-3: rgb(255,235,244); /* @kind color */
  --pink-500-2: rgb(251,75,163); /* @kind color */
  --pink-500-3: rgb(251,75,163); /* @kind color */
  --pink-500: rgb(251,75,163); /* @kind color */
  --pink-50: rgb(255,235,244); /* @kind color */
  --pink-600-2: rgb(233,53,143); /* @kind color */
  --pink-600-3: rgb(233,53,143); /* @kind color */
  --pink-600: rgb(233,53,143); /* @kind color */
  --pink-950: rgb(104,18,61); /* @kind color */
  --primary-alpha-10-2: var(--alpha-blue-alpha-10-2); /* @kind color */
  --primary-alpha-10: var(--alpha-blue-alpha-10); /* @kind color */
  --primary-base-2: var(--blue-500-2); /* @kind color */
  --primary-base-3: var(--blue-500); /* @kind color */
  --primary-base: var(--blue-500); /* @kind color */
  --primary-dark-2: var(--blue-800-2); /* @kind color */
  --primary-dark: var(--blue-800); /* @kind color */
  --primary-darker-2: var(--blue-700-2); /* @kind color */
  --primary-darker: var(--blue-700); /* @kind color */
  --purple-200: rgb(202,192,255); /* @kind color */
  --purple-400: rgb(140,113,246); /* @kind color */
  --purple-50-2: rgb(239,235,255); /* @kind color */
  --purple-50-3: rgb(239,235,255); /* @kind color */
  --purple-500-2: rgb(125,82,244); /* @kind color */
  --purple-500-3: rgb(125,82,244); /* @kind color */
  --purple-500: rgb(125,82,244); /* @kind color */
  --purple-50: rgb(239,235,255); /* @kind color */
  --purple-700-2: rgb(91,44,201); /* @kind color */
  --purple-700: rgb(91,44,201); /* @kind color */
  --purple-800-2: rgb(76,37,167); /* @kind color */
  --purple-800: rgb(76,37,167); /* @kind color */
  --purple-950: rgb(53,26,117); /* @kind color */
  --radius-0: 0;
  --radius-10-2: 10;
  --radius-10: 10;
  --radius-12: 12;
  --radius-4-2: 4;
  --radius-4: 4;
  --radius-6-2: 6;
  --radius-6: 6;
  --radius-8-2: 8;
  --radius-8: 8;
  --radius-full-2: 999;
  --radius-full-3: 999;
  --radius-full: 999;
  --red-200: rgb(255,192,197); /* @kind color */
  --red-400: rgb(255,104,117); /* @kind color */
  --red-50-2: rgb(255,235,236); /* @kind color */
  --red-50-3: rgb(255,235,236); /* @kind color */
  --red-500-2: rgb(251,55,72); /* @kind color */
  --red-500-3: rgb(251,55,72); /* @kind color */
  --red-500: rgb(251,55,72); /* @kind color */
  --red-50: rgb(255,235,236); /* @kind color */
  --red-600-2: rgb(233,53,68); /* @kind color */
  --red-600-3: rgb(233,53,68); /* @kind color */
  --red-600: rgb(233,53,68); /* @kind color */
  --red-700-2: rgb(208,37,51); /* @kind color */
  --red-700: rgb(208,37,51); /* @kind color */
  --red-900: rgb(139,24,34); /* @kind color */
  --red-950: rgb(104,18,25); /* @kind color */
  --red-theme-200: rgb(226,170,168); /* @kind color */
  --red-theme-400: rgb(210,116,112); /* @kind color */
  --red-theme-500: rgb(218,82,80); /* @kind color */
  --red-theme-50: rgb(245,226,226); /* @kind color */
  --red-theme-600: rgb(187,61,52); /* @kind color */
  --red-theme-700: rgb(150,49,42); /* @kind color */
  --red-theme-800: rgb(112,35,31); /* @kind color */
  --red-theme-950: rgb(37,10,10); /* @kind color */
  --sky-200: rgb(192,234,255); /* @kind color */
  --sky-400: rgb(104,205,255); /* @kind color */
  --sky-50-2: rgb(235,248,255); /* @kind color */
  --sky-50-3: rgb(235,248,255); /* @kind color */
  --sky-500-2: rgb(71,194,255); /* @kind color */
  --sky-500-3: rgb(71,194,255); /* @kind color */
  --sky-500: rgb(71,194,255); /* @kind color */
  --sky-50: rgb(235,248,255); /* @kind color */
  --sky-600-2: rgb(53,173,233); /* @kind color */
  --sky-600-3: rgb(53,173,233); /* @kind color */
  --sky-600: rgb(53,173,233); /* @kind color */
  --sky-700-2: rgb(37,151,208); /* @kind color */
  --sky-700: rgb(37,151,208); /* @kind color */
  --sky-800-2: rgb(31,126,173); /* @kind color */
  --sky-800: rgb(31,126,173); /* @kind color */
  --sky-950: rgb(18,75,104); /* @kind color */
  --spacing-2: 2;
  --state-away-base-2: var(--yellow-500-2); /* @kind color */
  --state-away-base-3: var(--yellow-500-3); /* @kind color */
  --state-away-base: var(--yellow-500); /* @kind color */
  --state-away-dark: var(--yellow-950); /* @kind color */
  --state-away-light: var(--yellow-200); /* @kind color */
  --state-away-lighter-2: var(--yellow-50-3); /* @kind color */
  --state-away-lighter-3: var(--yellow-50-2); /* @kind color */
  --state-away-lighter: var(--yellow-50); /* @kind color */
  --state-error-base-2: var(--red-500-2); /* @kind color */
  --state-error-base-3: var(--red-500-3); /* @kind color */
  --state-error-base: var(--red-500); /* @kind color */
  --state-error-dark: var(--red-950); /* @kind color */
  --state-error-light: var(--red-200); /* @kind color */
  --state-error-lighter-2: var(--red-50-2); /* @kind color */
  --state-error-lighter-3: var(--red-50-3); /* @kind color */
  --state-error-lighter: var(--red-50); /* @kind color */
  --state-faded-base-2: var(--500-2); /* @kind color */
  --state-faded-base: var(--500); /* @kind color */
  --state-faded-dark: var(--800-2); /* @kind color */
  --state-faded-light: var(--200-2); /* @kind color */
  --state-faded-lighter-2: var(--100-2); /* @kind color */
  --state-faded-lighter-3: var(--100-3); /* @kind color */
  --state-faded-lighter: var(--100); /* @kind color */
  --state-feature-base-2: var(--purple-500-2); /* @kind color */
  --state-feature-base-3: var(--purple-500-3); /* @kind color */
  --state-feature-base: var(--purple-500); /* @kind color */
  --state-feature-dark: var(--purple-950); /* @kind color */
  --state-feature-light: var(--purple-200); /* @kind color */
  --state-feature-lighter-2: var(--purple-50-2); /* @kind color */
  --state-feature-lighter-3: var(--purple-50-3); /* @kind color */
  --state-feature-lighter: var(--purple-50); /* @kind color */
  --state-highlighted-base-2: var(--pink-500-2); /* @kind color */
  --state-highlighted-base-3: var(--pink-500-3); /* @kind color */
  --state-highlighted-base: var(--pink-500); /* @kind color */
  --state-highlighted-dark: var(--pink-950); /* @kind color */
  --state-highlighted-light: var(--pink-200); /* @kind color */
  --state-highlighted-lighter-2: var(--pink-50-2); /* @kind color */
  --state-highlighted-lighter-3: var(--pink-50-3); /* @kind color */
  --state-highlighted-lighter: var(--pink-50); /* @kind color */
  --state-information-base-2: var(--blue-500-2); /* @kind color */
  --state-information-base-3: var(--blue-500-3); /* @kind color */
  --state-information-base: var(--blue-500); /* @kind color */
  --state-information-dark-2: var(--blue-950-2); /* @kind color */
  --state-information-dark: var(--blue-950); /* @kind color */
  --state-information-light: var(--blue-200); /* @kind color */
  --state-information-lighter-2: var(--blue-50-2); /* @kind color */
  --state-information-lighter-3: var(--blue-50-3); /* @kind color */
  --state-information-lighter: var(--blue-50); /* @kind color */
  --state-stable-base-2: var(--teal-500-2); /* @kind color */
  --state-stable-base: var(--teal-500); /* @kind color */
  --state-stable-dark: var(--teal-950); /* @kind color */
  --state-stable-light: var(--teal-200); /* @kind color */
  --state-stable-lighter: var(--teal-50); /* @kind color */
  --state-success-base-2: var(--green-500-2); /* @kind color */
  --state-success-base-3: var(--green-500-3); /* @kind color */
  --state-success-base: var(--green-500); /* @kind color */
  --state-success-dark: var(--green-950); /* @kind color */
  --state-success-light: var(--green-200); /* @kind color */
  --state-success-lighter-2: var(--green-50-2); /* @kind color */
  --state-success-lighter-3: var(--green-50-3); /* @kind color */
  --state-success-lighter: var(--green-50); /* @kind color */
  --state-verified-base-2: var(--sky-500-2); /* @kind color */
  --state-verified-base-3: var(--sky-500-3); /* @kind color */
  --state-verified-base: var(--sky-500); /* @kind color */
  --state-verified-dark: var(--sky-950); /* @kind color */
  --state-verified-light: var(--sky-200); /* @kind color */
  --state-verified-lighter-2: var(--sky-50-2); /* @kind color */
  --state-verified-lighter-3: var(--sky-50-3); /* @kind color */
  --state-verified-lighter: var(--sky-50); /* @kind color */
  --state-warning-base-2: var(--orange-500-2); /* @kind color */
  --state-warning-base-3: var(--orange-500); /* @kind color */
  --state-warning-base-4: var(--orange-500-3); /* @kind color */
  --state-warning-base: var(--orange-500); /* @kind color */
  --state-warning-dark-2: var(--orange-950-2); /* @kind color */
  --state-warning-dark-3: var(--orange-950); /* @kind color */
  --state-warning-dark: var(--orange-950); /* @kind color */
  --state-warning-light-2: var(--orange-200-2); /* @kind color */
  --state-warning-light-3: var(--orange-200); /* @kind color */
  --state-warning-light: var(--orange-200); /* @kind color */
  --state-warning-lighter-2: var(--orange-50-2); /* @kind color */
  --state-warning-lighter-3: var(--red-theme-50); /* @kind color */
  --state-warning-lighter: var(--orange-50); /* @kind color */
  --static-static-black: var(--950-2); /* @kind color */
  --static-static-white-2: var(--0-2); /* @kind color */
  --static-static-white: var(--0); /* @kind color */
  --stroke-soft-200-2: var(--200-2); /* @kind color */
  --stroke-soft-200-3: var(--200-3); /* @kind color */
  --stroke-soft-200: var(--200); /* @kind color */
  --stroke-strong-950-2: var(--950-2); /* @kind color */
  --stroke-strong-950: var(--950); /* @kind color */
  --stroke-sub-300-2: var(--300); /* @kind color */
  --stroke-sub-300: var(--300-2); /* @kind color */
  --stroke-white-0-2: var(--0-2); /* @kind color */
  --stroke-white-0: var(--0); /* @kind color */
  --teal-200: rgb(194,245,238); /* @kind color */
  --teal-400: rgb(63,222,201); /* @kind color */
  --teal-500-2: rgb(34,211,187); /* @kind color */
  --teal-500: rgb(34,211,187); /* @kind color */
  --teal-50: rgb(228,251,248); /* @kind color */
  --teal-600-2: rgb(29,175,156); /* @kind color */
  --teal-600: rgb(29,175,156); /* @kind color */
  --teal-950: rgb(11,70,62); /* @kind color */
  --text-disabled-300-2: var(--300-2); /* @kind color */
  --text-disabled-300: var(--300); /* @kind color */
  --text-soft-400-2: var(--400-2); /* @kind color */
  --text-soft-400: var(--400); /* @kind color */
  --text-strong-950-2: var(--950-2); /* @kind color */
  --text-strong-950-3: var(--950-3); /* @kind color */
  --text-strong-950: var(--950); /* @kind color */
  --text-sub-600-2: var(--600-2); /* @kind color */
  --text-sub-600-3: var(--600-3); /* @kind color */
  --text-sub-600: var(--600); /* @kind color */
  --text-white-0-2: var(--0); /* @kind color */
  --text-white-0: var(--0-2); /* @kind color */
  --yellow-200: rgb(255,236,192); /* @kind color */
  --yellow-400: rgb(255,210,104); /* @kind color */
  --yellow-50-2: rgb(255,250,235); /* @kind color */
  --yellow-50-3: rgb(255,250,235); /* @kind color */
  --yellow-500-2: rgb(246,181,30); /* @kind color */
  --yellow-500-3: rgb(246,181,30); /* @kind color */
  --yellow-500: rgb(246,181,30); /* @kind color */
  --yellow-50: rgb(255,250,235); /* @kind color */
  --yellow-600-2: rgb(230,168,25); /* @kind color */
  --yellow-600-3: rgb(230,168,25); /* @kind color */
  --yellow-600: rgb(230,168,25); /* @kind color */
  --yellow-900: rgb(134,102,29); /* @kind color */
  --yellow-950: rgb(98,76,24); /* @kind color */
}

:root[data-mode="slate"] {
  --0-2: var(--neutral-slate-0-2); /* @kind color */
  --0-3: var(--neutral-slate-0-3); /* @kind color */
  --0: var(--neutral-slate-0); /* @kind color */
  --100-2: var(--neutral-slate-100-2); /* @kind color */
  --100-3: var(--neutral-slate-100-3); /* @kind color */
  --100: var(--neutral-slate-100); /* @kind color */
  --200-2: var(--neutral-slate-200-2); /* @kind color */
  --200-3: var(--neutral-slate-200-3); /* @kind color */
  --200: var(--neutral-slate-200); /* @kind color */
  --300-2: var(--neutral-slate-300-2); /* @kind color */
  --300: var(--neutral-slate-300); /* @kind color */
  --400-2: var(--neutral-slate-400-2); /* @kind color */
  --400-3: var(--neutral-slate-400-3); /* @kind color */
  --400: var(--neutral-slate-400); /* @kind color */
  --50-2: var(--neutral-slate-50-2); /* @kind color */
  --500-2: var(--neutral-slate-500-2); /* @kind color */
  --500: var(--neutral-slate-500); /* @kind color */
  --50: var(--neutral-slate-50); /* @kind color */
  --600-2: var(--neutral-slate-600-2); /* @kind color */
  --600-3: var(--neutral-slate-600-3); /* @kind color */
  --600: var(--neutral-slate-600); /* @kind color */
  --700-2: var(--neutral-slate-700-2); /* @kind color */
  --700: var(--neutral-slate-700); /* @kind color */
  --800-2: var(--neutral-slate-800-2); /* @kind color */
  --800-3: var(--neutral-slate-800-3); /* @kind color */
  --800: var(--neutral-slate-800); /* @kind color */
  --950-2: var(--neutral-slate-950-2); /* @kind color */
  --950-3: var(--neutral-slate-950-3); /* @kind color */
  --950: var(--neutral-slate-950); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --bg-soft-200-2: var(--700-2); /* @kind color */
  --bg-soft-200: var(--700); /* @kind color */
  --bg-strong-950-2: var(--0); /* @kind color */
  --bg-strong-950: var(--0-2); /* @kind color */
  --bg-sub-300-2: var(--600); /* @kind color */
  --bg-sub-300: var(--600-2); /* @kind color */
  --bg-surface-800-2: var(--200); /* @kind color */
  --bg-surface-800: var(--200-2); /* @kind color */
  --bg-weak-50-2: var(--800-2); /* @kind color */
  --bg-weak-50: var(--800); /* @kind color */
  --bg-white-0-2: var(--950-2); /* @kind color */
  --bg-white-0-3: var(--950-3); /* @kind color */
  --bg-white-0: var(--950); /* @kind color */
  --color-beige-500: rgb(199,196,194); /* @kind color */
  --color-beige-600: rgb(144,140,134); /* @kind color */
  --color-neutral-black: rgb(21,21,21); /* @kind color */
  --color-neutral-white: rgb(255,255,255); /* @kind color */
  --icon-disabled-300-2: var(--600-2); /* @kind color */
  --icon-disabled-300: var(--600); /* @kind color */
  --icon-soft-400-2: var(--500-2); /* @kind color */
  --icon-soft-400: var(--500); /* @kind color */
  --icon-strong-950-2: var(--0-2); /* @kind color */
  --icon-strong-950-3: var(--0-3); /* @kind color */
  --icon-strong-950: var(--0); /* @kind color */
  --icon-sub-600-2: var(--400-2); /* @kind color */
  --icon-sub-600-3: var(--400-3); /* @kind color */
  --icon-sub-600: var(--400); /* @kind color */
  --icon-white-0-2: var(--950); /* @kind color */
  --icon-white-0: var(--950-2); /* @kind color */
  --state-away-base-2: var(--yellow-600-2); /* @kind color */
  --state-away-base-3: var(--yellow-600-3); /* @kind color */
  --state-away-base: var(--yellow-600); /* @kind color */
  --state-away-dark: var(--yellow-400); /* @kind color */
  --state-away-light: var(--alpha-yellow-alpha-24); /* @kind color */
  --state-away-lighter-2: var(--alpha-yellow-alpha-16-2); /* @kind color */
  --state-away-lighter-3: var(--alpha-yellow-alpha-16-3); /* @kind color */
  --state-away-lighter: var(--alpha-yellow-alpha-16); /* @kind color */
  --state-error-base-2: var(--red-600-2); /* @kind color */
  --state-error-base-3: var(--red-600-3); /* @kind color */
  --state-error-base: var(--red-600); /* @kind color */
  --state-error-dark: var(--red-400); /* @kind color */
  --state-error-light: var(--alpha-red-alpha-24); /* @kind color */
  --state-error-lighter-2: var(--alpha-red-alpha-16-2); /* @kind color */
  --state-error-lighter-3: var(--alpha-red-alpha-16-3); /* @kind color */
  --state-error-lighter: var(--alpha-red-alpha-16); /* @kind color */
  --state-faded-base-2: var(--500-2); /* @kind color */
  --state-faded-base: var(--500); /* @kind color */
  --state-faded-dark: var(--300-2); /* @kind color */
  --state-faded-light: var(--alpha-gray-alpha-24); /* @kind color */
  --state-faded-lighter-2: var(--alpha-gray-alpha-16-2); /* @kind color */
  --state-faded-lighter-3: var(--alpha-gray-alpha-16-3); /* @kind color */
  --state-faded-lighter: var(--alpha-gray-alpha-16); /* @kind color */
  --state-feature-base-2: var(--purple-500-2); /* @kind color */
  --state-feature-base-3: var(--purple-500-3); /* @kind color */
  --state-feature-base: var(--purple-500); /* @kind color */
  --state-feature-dark: var(--purple-400); /* @kind color */
  --state-feature-light: var(--alpha-purple-alpha-24); /* @kind color */
  --state-feature-lighter-2: var(--alpha-purple-alpha-16-2); /* @kind color */
  --state-feature-lighter-3: var(--alpha-purple-alpha-16-3); /* @kind color */
  --state-feature-lighter: var(--alpha-purple-alpha-16); /* @kind color */
  --state-highlighted-base-2: var(--pink-600-2); /* @kind color */
  --state-highlighted-base-3: var(--pink-600-3); /* @kind color */
  --state-highlighted-base: var(--pink-600); /* @kind color */
  --state-highlighted-dark: var(--pink-400); /* @kind color */
  --state-highlighted-light: var(--alpha-pink-alpha-24); /* @kind color */
  --state-highlighted-lighter-2: var(--alpha-pink-alpha-16-2); /* @kind color */
  --state-highlighted-lighter-3: var(--alpha-pink-alpha-16-3); /* @kind color */
  --state-highlighted-lighter: var(--alpha-pink-alpha-16); /* @kind color */
  --state-information-base-2: var(--blue-500-2); /* @kind color */
  --state-information-base-3: var(--blue-500-3); /* @kind color */
  --state-information-base: var(--blue-500); /* @kind color */
  --state-information-dark-2: var(--blue-400-2); /* @kind color */
  --state-information-dark: var(--blue-400); /* @kind color */
  --state-information-light: var(--alpha-blue-alpha-24); /* @kind color */
  --state-information-lighter-2: var(--alpha-blue-alpha-16-2); /* @kind color */
  --state-information-lighter-3: var(--alpha-blue-alpha-16-3); /* @kind color */
  --state-information-lighter: var(--alpha-blue-alpha-16); /* @kind color */
  --state-stable-base-2: var(--teal-600-2); /* @kind color */
  --state-stable-base: var(--teal-600); /* @kind color */
  --state-stable-dark: var(--teal-400); /* @kind color */
  --state-stable-light: var(--alpha-teal-alpha-24); /* @kind color */
  --state-stable-lighter: var(--alpha-teal-alpha-16); /* @kind color */
  --state-success-base-2: var(--green-600-2); /* @kind color */
  --state-success-base-3: var(--green-600-3); /* @kind color */
  --state-success-base: var(--green-600); /* @kind color */
  --state-success-dark: var(--green-400); /* @kind color */
  --state-success-light: var(--alpha-green-alpha-16); /* @kind color */
  --state-success-lighter-2: var(--alpha-green-alpha-10-2); /* @kind color */
  --state-success-lighter-3: var(--alpha-green-alpha-10-3); /* @kind color */
  --state-success-lighter: var(--alpha-green-alpha-10); /* @kind color */
  --state-verified-base-2: var(--sky-600-2); /* @kind color */
  --state-verified-base-3: var(--sky-600-3); /* @kind color */
  --state-verified-base: var(--sky-600); /* @kind color */
  --state-verified-dark: var(--sky-400); /* @kind color */
  --state-verified-light: var(--alpha-sky-alpha-24); /* @kind color */
  --state-verified-lighter-2: var(--alpha-sky-alpha-16-2); /* @kind color */
  --state-verified-lighter-3: var(--alpha-sky-alpha-16-3); /* @kind color */
  --state-verified-lighter: var(--alpha-sky-alpha-16); /* @kind color */
  --state-warning-base-2: var(--orange-600-2); /* @kind color */
  --state-warning-base-3: var(--orange-600); /* @kind color */
  --state-warning-base-4: var(--orange-600-3); /* @kind color */
  --state-warning-base: var(--orange-600); /* @kind color */
  --state-warning-dark-2: var(--orange-400-2); /* @kind color */
  --state-warning-dark-3: var(--orange-400); /* @kind color */
  --state-warning-dark: var(--orange-400); /* @kind color */
  --state-warning-light-2: var(--alpha-orange-alpha-24-2); /* @kind color */
  --state-warning-light-3: var(--alpha-orange-alpha-24); /* @kind color */
  --state-warning-light: var(--alpha-orange-alpha-24); /* @kind color */
  --state-warning-lighter-2: var(--alpha-orange-alpha-16-2); /* @kind color */
  --state-warning-lighter-3: var(--alpha-orange-alpha-16-3); /* @kind color */
  --state-warning-lighter: var(--alpha-orange-alpha-16); /* @kind color */
  --static-static-black: var(--950-2); /* @kind color */
  --static-static-white-2: var(--0-2); /* @kind color */
  --static-static-white: var(--0); /* @kind color */
  --stroke-soft-200-2: var(--800-2); /* @kind color */
  --stroke-soft-200-3: var(--800-3); /* @kind color */
  --stroke-soft-200: var(--800); /* @kind color */
  --stroke-strong-950-2: var(--0-2); /* @kind color */
  --stroke-strong-950: var(--0); /* @kind color */
  --stroke-sub-300-2: var(--600); /* @kind color */
  --stroke-sub-300: var(--600-2); /* @kind color */
  --stroke-white-0-2: var(--950-2); /* @kind color */
  --stroke-white-0: var(--950); /* @kind color */
  --text-disabled-300-2: var(--600-2); /* @kind color */
  --text-disabled-300: var(--600); /* @kind color */
  --text-soft-400-2: var(--500-2); /* @kind color */
  --text-soft-400: var(--500); /* @kind color */
  --text-strong-950-2: var(--0-2); /* @kind color */
  --text-strong-950-3: var(--0-3); /* @kind color */
  --text-strong-950: var(--0); /* @kind color */
  --text-sub-600-2: var(--400-2); /* @kind color */
  --text-sub-600-3: var(--400-3); /* @kind color */
  --text-sub-600: var(--400); /* @kind color */
  --text-white-0-2: var(--950); /* @kind color */
  --text-white-0: var(--950-2); /* @kind color */
}

:root[data-mode="purple"] {
  --primary-alpha-10-2: var(--alpha-purple-alpha-10-2); /* @kind color */
  --primary-alpha-10: var(--alpha-purple-alpha-10); /* @kind color */
  --primary-base-2: var(--purple-500-2); /* @kind color */
  --primary-base-3: var(--purple-500); /* @kind color */
  --primary-base: var(--purple-500); /* @kind color */
  --primary-dark-2: var(--purple-800-2); /* @kind color */
  --primary-dark: var(--purple-800); /* @kind color */
  --primary-darker-2: var(--purple-700-2); /* @kind color */
  --primary-darker: var(--purple-700); /* @kind color */
}

:root[data-mode="orange"] {
  --primary-alpha-10-2: var(--alpha-orange-alpha-10-2); /* @kind color */
  --primary-alpha-10: var(--alpha-orange-alpha-10); /* @kind color */
  --primary-base-2: var(--orange-500-2); /* @kind color */
  --primary-base-3: var(--orange-500); /* @kind color */
  --primary-base: var(--orange-500); /* @kind color */
  --primary-dark-2: var(--red-theme-800); /* @kind color */
  --primary-dark: var(--orange-800); /* @kind color */
  --primary-darker-2: var(--red-theme-700); /* @kind color */
  --primary-darker: var(--orange-700); /* @kind color */
}

:root[data-mode="sky"] {
  --primary-alpha-10-2: var(--alpha-sky-alpha-10-2); /* @kind color */
  --primary-alpha-10: var(--alpha-sky-alpha-10); /* @kind color */
  --primary-base-2: var(--sky-600-2); /* @kind color */
  --primary-base-3: var(--sky-600); /* @kind color */
  --primary-base: var(--sky-600); /* @kind color */
  --primary-dark-2: var(--sky-800-2); /* @kind color */
  --primary-dark: var(--sky-800); /* @kind color */
  --primary-darker-2: var(--sky-700-2); /* @kind color */
  --primary-darker: var(--sky-700); /* @kind color */
}