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

:root {
  --colors-amber-100: rgb(254,243,199); /* @kind color */
  --colors-amber-200: rgb(253,230,138); /* @kind color */
  --colors-amber-300: rgb(252,211,77); /* @kind color */
  --colors-amber-400: rgb(251,191,36); /* @kind color */
  --colors-amber-500: rgb(245,158,11); /* @kind color */
  --colors-amber-50: rgb(255,251,235); /* @kind color */
  --colors-amber-600: rgb(217,119,6); /* @kind color */
  --colors-amber-700: rgb(180,83,9); /* @kind color */
  --colors-amber-800: rgb(146,64,14); /* @kind color */
  --colors-amber-900: rgb(120,53,15); /* @kind color */
  --colors-amber-950: rgb(69,26,3); /* @kind color */
  --colors-background-bg-brand-primary-alt: var(--colors-brand-50); /* @kind color */
  --colors-background-bg-brand-primary: var(--colors-brand-50); /* @kind color */
  --colors-background-bg-brand-secondary: var(--colors-brand-100); /* @kind color */
  --colors-background-bg-brand-solid-hover: var(--colors-brand-700); /* @kind color */
  --colors-background-bg-brand-solid: var(--colors-brand-600); /* @kind color */
  --colors-background-bg-error-primary: var(--colors-red-50); /* @kind color */
  --colors-background-bg-error-secondary: var(--colors-red-100); /* @kind color */
  --colors-background-bg-error-solid-hover: var(--colors-red-700); /* @kind color */
  --colors-background-bg-error-solid: var(--colors-red-600); /* @kind color */
  --colors-background-bg-overlay: var(--colors-neutral-950); /* @kind color */
  --colors-background-bg-primary-alt: var(--colors-base-white); /* @kind color */
  --colors-background-bg-primary-hover: var(--colors-neutral-50); /* @kind color */
  --colors-background-bg-primary-solid: var(--colors-neutral-950); /* @kind color */
  --colors-background-bg-primary: var(--colors-base-white); /* @kind color */
  --colors-background-bg-quaternary: var(--colors-neutral-200); /* @kind color */
  --colors-background-bg-secondary-alt: var(--colors-neutral-50); /* @kind color */
  --colors-background-bg-secondary-hover: var(--colors-neutral-100); /* @kind color */
  --colors-background-bg-secondary-solid: var(--colors-neutral-600); /* @kind color */
  --colors-background-bg-secondary: var(--colors-neutral-50); /* @kind color */
  --colors-background-bg-success-secondary: var(--colors-green-100); /* @kind color */
  --colors-background-bg-success-solid: var(--colors-green-600); /* @kind color */
  --colors-background-bg-tertiary: var(--colors-neutral-100); /* @kind color */
  --colors-background-bg-warning-secondary: var(--colors-yellow-100); /* @kind color */
  --colors-background-bg-warning-solid: var(--colors-yellow-600); /* @kind color */
  --colors-base-black: rgb(0,0,0); /* @kind color */
  --colors-base-transparent: rgba(255,255,255,0); /* @kind color */
  --colors-base-white: rgb(255,255,255); /* @kind color */
  --colors-blue-100: rgb(219,234,254); /* @kind color */
  --colors-blue-200: rgb(191,219,254); /* @kind color */
  --colors-blue-300: rgb(147,197,253); /* @kind color */
  --colors-blue-400: rgb(96,165,250); /* @kind color */
  --colors-blue-500: rgb(59,130,246); /* @kind color */
  --colors-blue-50: rgb(239,246,255); /* @kind color */
  --colors-blue-600: rgb(37,99,235); /* @kind color */
  --colors-blue-700: rgb(29,78,216); /* @kind color */
  --colors-blue-800: rgb(30,64,175); /* @kind color */
  --colors-blue-900: rgb(30,58,138); /* @kind color */
  --colors-blue-950: rgb(23,37,84); /* @kind color */
  --colors-border-border-brand-alt: var(--colors-brand-600); /* @kind color */
  --colors-border-border-brand: var(--colors-brand-500); /* @kind color */
  --colors-border-border-error-subtle: var(--colors-red-300); /* @kind color */
  --colors-border-border-error: var(--colors-red-500); /* @kind color */
  --colors-border-border-primary: var(--colors-neutral-300); /* @kind color */
  --colors-border-border-secondary-alt: rgba(0,0,0,0.1); /* @kind color */
  --colors-border-border-secondary: var(--colors-neutral-200); /* @kind color */
  --colors-border-border-tertiary: var(--colors-neutral-100); /* @kind color */
  --colors-brand-100: rgb(244,235,255); /* @kind color */
  --colors-brand-200: rgb(233,215,254); /* @kind color */
  --colors-brand-300: rgb(214,187,251); /* @kind color */
  --colors-brand-400: rgb(182,146,246); /* @kind color */
  --colors-brand-500: rgb(158,119,237); /* @kind color */
  --colors-brand-50: rgb(249,245,255); /* @kind color */
  --colors-brand-600: rgb(127,86,217); /* @kind color */
  --colors-brand-700: rgb(105,65,198); /* @kind color */
  --colors-brand-800: rgb(83,56,158); /* @kind color */
  --colors-brand-900: rgb(66,48,125); /* @kind color */
  --colors-brand-950: rgb(44,28,95); /* @kind color */
  --colors-cyan-100: rgb(207,250,254); /* @kind color */
  --colors-cyan-200: rgb(165,243,252); /* @kind color */
  --colors-cyan-300: rgb(103,232,249); /* @kind color */
  --colors-cyan-400: rgb(34,211,238); /* @kind color */
  --colors-cyan-500: rgb(6,182,212); /* @kind color */
  --colors-cyan-50: rgb(236,254,255); /* @kind color */
  --colors-cyan-600: rgb(8,145,178); /* @kind color */
  --colors-cyan-700: rgb(14,116,144); /* @kind color */
  --colors-cyan-800: rgb(21,94,117); /* @kind color */
  --colors-cyan-900: rgb(22,78,99); /* @kind color */
  --colors-cyan-950: rgb(8,51,68); /* @kind color */
  --colors-effects-focus-rings-focus-ring-error: var(--colors-red-500); /* @kind color */
  --colors-effects-focus-rings-focus-ring: var(--colors-brand-500); /* @kind color */
  --colors-effects-shadows-shadow-2xl-01: rgba(0,0,0,0.18); /* @kind color */
  --colors-effects-shadows-shadow-2xl-02: rgba(0,0,0,0.04); /* @kind color */
  --colors-effects-shadows-shadow-lg-01: rgba(0,0,0,0.08); /* @kind color */
  --colors-effects-shadows-shadow-lg-02: rgba(0,0,0,0.03); /* @kind color */
  --colors-effects-shadows-shadow-lg-03: rgba(0,0,0,0.04); /* @kind color */
  --colors-effects-shadows-shadow-md-01: rgba(0,0,0,0.1); /* @kind color */
  --colors-effects-shadows-shadow-md-02: rgba(0,0,0,0.06); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(0,0,0,0.18); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(0,0,0,0.05); /* @kind color */
  --colors-effects-shadows-shadow-sm-01: rgba(0,0,0,0.1); /* @kind color */
  --colors-effects-shadows-shadow-sm-02: rgba(0,0,0,0.1); /* @kind color */
  --colors-effects-shadows-shadow-xl-01: rgba(0,0,0,0.08); /* @kind color */
  --colors-effects-shadows-shadow-xl-02: rgba(0,0,0,0.03); /* @kind color */
  --colors-effects-shadows-shadow-xl-03: rgba(0,0,0,0.04); /* @kind color */
  --colors-effects-shadows-shadow-xs: rgba(0,0,0,0.05); /* @kind color */
  --colors-emerald-100: rgb(209,250,229); /* @kind color */
  --colors-emerald-200: rgb(167,243,208); /* @kind color */
  --colors-emerald-300: rgb(110,231,183); /* @kind color */
  --colors-emerald-400: rgb(52,211,153); /* @kind color */
  --colors-emerald-500: rgb(16,185,129); /* @kind color */
  --colors-emerald-50: rgb(236,253,245); /* @kind color */
  --colors-emerald-600: rgb(5,150,105); /* @kind color */
  --colors-emerald-700: rgb(4,120,87); /* @kind color */
  --colors-emerald-800: rgb(6,95,70); /* @kind color */
  --colors-emerald-900: rgb(6,78,59); /* @kind color */
  --colors-emerald-950: rgb(2,44,34); /* @kind color */
  --colors-foreground-fg-brand-primary-600: var(--colors-brand-600); /* @kind color */
  --colors-foreground-fg-brand-primary-alt: var(--colors-foreground-fg-brand-primary-600); /* @kind color */
  --colors-foreground-fg-brand-secondary-500: var(--colors-brand-500); /* @kind color */
  --colors-foreground-fg-brand-secondary-alt: var(--colors-foreground-fg-brand-secondary-500); /* @kind color */
  --colors-foreground-fg-brand-secondary-hover: var(--colors-brand-600); /* @kind color */
  --colors-foreground-fg-disabled-subtle: rgb(255,0,217); /* @kind color */
  --colors-foreground-fg-error-primary: var(--colors-red-600); /* @kind color */
  --colors-foreground-fg-error-secondary: var(--colors-red-500); /* @kind color */
  --colors-foreground-fg-primary-900: var(--colors-neutral-900); /* @kind color */
  --colors-foreground-fg-quaternary-400: var(--colors-neutral-400); /* @kind color */
  --colors-foreground-fg-quaternary-hover: var(--colors-neutral-500); /* @kind color */
  --colors-foreground-fg-secondary-700: var(--colors-neutral-700); /* @kind color */
  --colors-foreground-fg-secondary-hover: var(--colors-neutral-800); /* @kind color */
  --colors-foreground-fg-success-primary: var(--colors-green-600); /* @kind color */
  --colors-foreground-fg-success-secondary: var(--colors-green-500); /* @kind color */
  --colors-foreground-fg-tertiary-600: var(--colors-neutral-600); /* @kind color */
  --colors-foreground-fg-warning-primary: var(--colors-yellow-600); /* @kind color */
  --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */
  --colors-fuchsia-100: rgb(250,232,255); /* @kind color */
  --colors-fuchsia-200: rgb(245,208,254); /* @kind color */
  --colors-fuchsia-300: rgb(240,171,252); /* @kind color */
  --colors-fuchsia-400: rgb(232,121,249); /* @kind color */
  --colors-fuchsia-500: rgb(217,70,239); /* @kind color */
  --colors-fuchsia-50: rgb(253,244,255); /* @kind color */
  --colors-fuchsia-600: rgb(192,38,211); /* @kind color */
  --colors-fuchsia-700: rgb(162,28,175); /* @kind color */
  --colors-fuchsia-800: rgb(134,25,143); /* @kind color */
  --colors-fuchsia-900: rgb(112,26,117); /* @kind color */
  --colors-fuchsia-950: rgb(74,4,78); /* @kind color */
  --colors-gray-600: rgb(75,85,99); /* @kind color */
  --colors-green-100: rgb(220,252,231); /* @kind color */
  --colors-green-200: rgb(187,247,208); /* @kind color */
  --colors-green-300: rgb(134,239,172); /* @kind color */
  --colors-green-400: rgb(74,222,128); /* @kind color */
  --colors-green-500: rgb(34,197,94); /* @kind color */
  --colors-green-50: rgb(240,253,244); /* @kind color */
  --colors-green-600: rgb(22,163,74); /* @kind color */
  --colors-green-700: rgb(21,128,61); /* @kind color */
  --colors-green-800: rgb(22,101,52); /* @kind color */
  --colors-green-900: rgb(20,83,45); /* @kind color */
  --colors-green-950: rgb(5,46,22); /* @kind color */
  --colors-indigo-100: rgb(224,231,255); /* @kind color */
  --colors-indigo-200: rgb(199,210,254); /* @kind color */
  --colors-indigo-300: rgb(165,180,252); /* @kind color */
  --colors-indigo-400: rgb(129,140,248); /* @kind color */
  --colors-indigo-500: rgb(99,102,241); /* @kind color */
  --colors-indigo-50: rgb(238,242,255); /* @kind color */
  --colors-indigo-600: rgb(79,70,229); /* @kind color */
  --colors-indigo-700: rgb(67,56,202); /* @kind color */
  --colors-indigo-800: rgb(55,48,163); /* @kind color */
  --colors-indigo-900: rgb(49,46,129); /* @kind color */
  --colors-indigo-950: rgb(30,27,75); /* @kind color */
  --colors-lime-100: rgb(236,252,203); /* @kind color */
  --colors-lime-200: rgb(217,249,157); /* @kind color */
  --colors-lime-300: rgb(190,242,100); /* @kind color */
  --colors-lime-400: rgb(163,230,53); /* @kind color */
  --colors-lime-500: rgb(132,204,22); /* @kind color */
  --colors-lime-50: rgb(247,254,231); /* @kind color */
  --colors-lime-600: rgb(101,163,13); /* @kind color */
  --colors-lime-700: rgb(77,124,15); /* @kind color */
  --colors-lime-800: rgb(63,98,18); /* @kind color */
  --colors-lime-900: rgb(54,83,20); /* @kind color */
  --colors-lime-950: rgb(26,46,5); /* @kind color */
  --colors-mauve-600: rgb(89,76,91); /* @kind color */
  --colors-mist-600: rgb(75,88,91); /* @kind color */
  --colors-neutral-100: rgb(245,245,245); /* @kind color */
  --colors-neutral-200: rgb(229,229,229); /* @kind color */
  --colors-neutral-300: rgb(212,212,212); /* @kind color */
  --colors-neutral-400: rgb(163,163,163); /* @kind color */
  --colors-neutral-500: rgb(115,115,115); /* @kind color */
  --colors-neutral-50: rgb(250,250,250); /* @kind color */
  --colors-neutral-600: rgb(82,82,82); /* @kind color */
  --colors-neutral-700: rgb(64,64,64); /* @kind color */
  --colors-neutral-800: rgb(38,38,38); /* @kind color */
  --colors-neutral-900: rgb(23,23,23); /* @kind color */
  --colors-neutral-950: rgb(10,10,10); /* @kind color */
  --colors-neutral-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-olive-600: rgb(91,91,75); /* @kind color */
  --colors-orange-100: rgb(255,237,213); /* @kind color */
  --colors-orange-200: rgb(254,215,170); /* @kind color */
  --colors-orange-300: rgb(253,186,116); /* @kind color */
  --colors-orange-400: rgb(251,146,60); /* @kind color */
  --colors-orange-500: rgb(249,115,22); /* @kind color */
  --colors-orange-50: rgb(255,247,237); /* @kind color */
  --colors-orange-600: rgb(234,88,12); /* @kind color */
  --colors-orange-700: rgb(194,65,12); /* @kind color */
  --colors-orange-800: rgb(154,52,18); /* @kind color */
  --colors-orange-900: rgb(124,45,18); /* @kind color */
  --colors-orange-950: rgb(67,20,7); /* @kind color */
  --colors-pink-100: rgb(252,231,243); /* @kind color */
  --colors-pink-200: rgb(251,207,232); /* @kind color */
  --colors-pink-300: rgb(249,168,212); /* @kind color */
  --colors-pink-400: rgb(244,114,182); /* @kind color */
  --colors-pink-500: rgb(236,72,153); /* @kind color */
  --colors-pink-50: rgb(253,242,248); /* @kind color */
  --colors-pink-600: rgb(219,39,119); /* @kind color */
  --colors-pink-700: rgb(190,24,93); /* @kind color */
  --colors-pink-800: rgb(157,23,77); /* @kind color */
  --colors-pink-900: rgb(131,24,67); /* @kind color */
  --colors-pink-950: rgb(80,7,36); /* @kind color */
  --colors-purple-100: rgb(243,232,255); /* @kind color */
  --colors-purple-200: rgb(233,213,255); /* @kind color */
  --colors-purple-300: rgb(216,180,254); /* @kind color */
  --colors-purple-400: rgb(192,132,252); /* @kind color */
  --colors-purple-500: rgb(168,85,247); /* @kind color */
  --colors-purple-50: rgb(250,245,255); /* @kind color */
  --colors-purple-600: rgb(147,51,234); /* @kind color */
  --colors-purple-700: rgb(126,34,206); /* @kind color */
  --colors-purple-800: rgb(107,33,168); /* @kind color */
  --colors-purple-900: rgb(88,28,135); /* @kind color */
  --colors-purple-950: rgb(59,7,100); /* @kind color */
  --colors-red-100: rgb(254,226,226); /* @kind color */
  --colors-red-200: rgb(254,202,202); /* @kind color */
  --colors-red-300: rgb(252,165,165); /* @kind color */
  --colors-red-400: rgb(248,113,113); /* @kind color */
  --colors-red-500: rgb(239,68,68); /* @kind color */
  --colors-red-50: rgb(254,242,242); /* @kind color */
  --colors-red-600: rgb(220,38,38); /* @kind color */
  --colors-red-700: rgb(185,28,28); /* @kind color */
  --colors-red-800: rgb(153,27,27); /* @kind color */
  --colors-red-900: rgb(127,29,29); /* @kind color */
  --colors-red-950: rgb(69,10,10); /* @kind color */
  --colors-rose-100: rgb(255,228,230); /* @kind color */
  --colors-rose-200: rgb(254,205,211); /* @kind color */
  --colors-rose-300: rgb(253,164,175); /* @kind color */
  --colors-rose-400: rgb(251,113,133); /* @kind color */
  --colors-rose-500: rgb(244,63,94); /* @kind color */
  --colors-rose-50: rgb(255,241,242); /* @kind color */
  --colors-rose-600: rgb(225,29,72); /* @kind color */
  --colors-rose-700: rgb(190,18,60); /* @kind color */
  --colors-rose-800: rgb(159,18,57); /* @kind color */
  --colors-rose-900: rgb(136,19,55); /* @kind color */
  --colors-rose-950: rgb(76,5,25); /* @kind color */
  --colors-sky-100: rgb(224,242,254); /* @kind color */
  --colors-sky-200: rgb(186,230,253); /* @kind color */
  --colors-sky-300: rgb(125,211,252); /* @kind color */
  --colors-sky-400: rgb(56,189,248); /* @kind color */
  --colors-sky-500: rgb(14,165,233); /* @kind color */
  --colors-sky-50: rgb(240,249,255); /* @kind color */
  --colors-sky-600: rgb(2,132,199); /* @kind color */
  --colors-sky-700: rgb(3,105,161); /* @kind color */
  --colors-sky-800: rgb(7,89,133); /* @kind color */
  --colors-sky-900: rgb(12,74,110); /* @kind color */
  --colors-sky-950: rgb(8,47,73); /* @kind color */
  --colors-slate-100: rgb(241,245,249); /* @kind color */
  --colors-slate-200: rgb(226,232,240); /* @kind color */
  --colors-slate-300: rgb(203,213,225); /* @kind color */
  --colors-slate-400: rgb(148,163,184); /* @kind color */
  --colors-slate-500: rgb(100,116,139); /* @kind color */
  --colors-slate-50: rgb(248,250,252); /* @kind color */
  --colors-slate-600: rgb(71,85,105); /* @kind color */
  --colors-slate-700: rgb(51,65,85); /* @kind color */
  --colors-slate-800: rgb(30,41,59); /* @kind color */
  --colors-slate-900: rgb(15,23,42); /* @kind color */
  --colors-slate-950: rgb(2,6,23); /* @kind color */
  --colors-stone-600: rgb(87,83,78); /* @kind color */
  --colors-taupe-600: rgb(91,79,75); /* @kind color */
  --colors-teal-100: rgb(204,251,241); /* @kind color */
  --colors-teal-200: rgb(153,246,228); /* @kind color */
  --colors-teal-300: rgb(94,234,212); /* @kind color */
  --colors-teal-400: rgb(45,212,191); /* @kind color */
  --colors-teal-500: rgb(20,184,166); /* @kind color */
  --colors-teal-50: rgb(240,253,250); /* @kind color */
  --colors-teal-600: rgb(13,148,136); /* @kind color */
  --colors-teal-700: rgb(15,118,110); /* @kind color */
  --colors-teal-800: rgb(17,94,89); /* @kind color */
  --colors-teal-900: rgb(19,78,74); /* @kind color */
  --colors-teal-950: rgb(4,47,46); /* @kind color */
  --colors-text-text-brand-secondary-700: var(--colors-brand-700); /* @kind color */
  --colors-text-text-brand-secondary-hover: var(--colors-brand-800); /* @kind color */
  --colors-text-text-brand-tertiary-600: var(--colors-brand-600); /* @kind color */
  --colors-text-text-brand-tertiary-alt: var(--colors-brand-600); /* @kind color */
  --colors-text-text-error-primary-600: var(--colors-red-600); /* @kind color */
  --colors-text-text-error-primary-hover: var(--colors-red-700); /* @kind color */
  --colors-text-text-placeholder: var(--colors-neutral-500); /* @kind color */
  --colors-text-text-primary-900: var(--colors-neutral-900); /* @kind color */
  --colors-text-text-quaternary-500: var(--colors-neutral-500); /* @kind color */
  --colors-text-text-secondary-700: var(--colors-neutral-700); /* @kind color */
  --colors-text-text-secondary-hover: var(--colors-neutral-800); /* @kind color */
  --colors-text-text-success-primary-600: var(--colors-green-600); /* @kind color */
  --colors-text-text-tertiary-600: var(--colors-neutral-600); /* @kind color */
  --colors-text-text-tertiary-hover: var(--colors-neutral-700); /* @kind color */
  --colors-text-text-white: var(--colors-base-white); /* @kind color */
  --colors-violet-100: rgb(237,233,254); /* @kind color */
  --colors-violet-200: rgb(221,214,254); /* @kind color */
  --colors-violet-300: rgb(196,181,253); /* @kind color */
  --colors-violet-400: rgb(167,139,250); /* @kind color */
  --colors-violet-500: rgb(139,92,246); /* @kind color */
  --colors-violet-50: rgb(245,243,255); /* @kind color */
  --colors-violet-600: rgb(124,58,237); /* @kind color */
  --colors-violet-700: rgb(109,40,217); /* @kind color */
  --colors-violet-800: rgb(91,33,182); /* @kind color */
  --colors-violet-900: rgb(76,29,149); /* @kind color */
  --colors-violet-950: rgb(46,16,101); /* @kind color */
  --colors-xxx-gray-dark-mode-300: rgb(206,207,210); /* @kind color */
  --colors-xxx-gray-dark-mode-600: rgb(97,101,108); /* @kind color */
  --colors-yellow-100: rgb(254,249,195); /* @kind color */
  --colors-yellow-200: rgb(254,240,138); /* @kind color */
  --colors-yellow-300: rgb(253,224,71); /* @kind color */
  --colors-yellow-400: rgb(250,204,21); /* @kind color */
  --colors-yellow-500: rgb(234,179,8); /* @kind color */
  --colors-yellow-50: rgb(254,252,232); /* @kind color */
  --colors-yellow-600: rgb(202,138,4); /* @kind color */
  --colors-yellow-700: rgb(161,98,7); /* @kind color */
  --colors-yellow-800: rgb(133,77,14); /* @kind color */
  --colors-yellow-900: rgb(113,63,18); /* @kind color */
  --colors-yellow-950: rgb(66,32,6); /* @kind color */
  --colors-zinc-600: rgb(82,82,91); /* @kind color */
  --component-colors-alpha-alpha-black-100: rgb(0,0,0); /* @kind color */
  --component-colors-alpha-alpha-black-10: rgba(0,0,0,0.1); /* @kind color */
  --component-colors-alpha-alpha-black-20: rgba(0,0,0,0.2); /* @kind color */
  --component-colors-alpha-alpha-white-100: rgb(255,255,255); /* @kind color */
  --component-colors-alpha-alpha-white-10: rgba(255,255,255,0.1); /* @kind color */
  --component-colors-alpha-alpha-white-20: rgba(255,255,255,0.2); /* @kind color */
  --component-colors-alpha-alpha-white-30: rgba(255,255,255,0.3); /* @kind color */
  --component-colors-alpha-alpha-white-40: rgba(255,255,255,0.4); /* @kind color */
  --component-colors-alpha-alpha-white-80: rgba(255,255,255,0.8); /* @kind color */
  --component-colors-alpha-alpha-white-90: rgba(255,255,255,0.9); /* @kind color */
  --component-colors-components-avatars-avatar-styles-bg-neutral: rgb(224,224,224); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-neutral-700); /* @kind color */
  --component-colors-components-buttons-tertiary-error-button-tertiary-error-fg: var(--colors-red-700); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: var(--colors-brand-600); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-error: var(--colors-red-600); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-gray: var(--colors-neutral-500); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-success: var(--colors-green-600); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-warning: var(--colors-yellow-600); /* @kind color */
  --component-colors-components-toggles-toggle-border: var(--colors-neutral-300); /* @kind color */
  --component-colors-components-toggles-toggle-slim-border-pressed-hover: var(--colors-background-bg-brand-solid-hover); /* @kind color */
  --component-colors-components-toggles-toggle-slim-border-pressed: var(--colors-background-bg-brand-solid); /* @kind color */
  --component-colors-components-tooltips-tooltip-supporting-text: var(--colors-neutral-300); /* @kind color */
  --component-colors-utility-amber-utility-amber-100: var(--colors-amber-100); /* @kind color */
  --component-colors-utility-amber-utility-amber-200: var(--colors-amber-200); /* @kind color */
  --component-colors-utility-amber-utility-amber-500: var(--colors-amber-500); /* @kind color */
  --component-colors-utility-amber-utility-amber-50: var(--colors-amber-50); /* @kind color */
  --component-colors-utility-amber-utility-amber-600: var(--colors-amber-600); /* @kind color */
  --component-colors-utility-amber-utility-amber-700: var(--colors-amber-700); /* @kind color */
  --component-colors-utility-blue-utility-blue-100: var(--colors-blue-100); /* @kind color */
  --component-colors-utility-blue-utility-blue-200: var(--colors-blue-200); /* @kind color */
  --component-colors-utility-blue-utility-blue-400: var(--colors-blue-400); /* @kind color */
  --component-colors-utility-blue-utility-blue-500: var(--colors-blue-500); /* @kind color */
  --component-colors-utility-blue-utility-blue-50: var(--colors-blue-50); /* @kind color */
  --component-colors-utility-blue-utility-blue-600: var(--colors-blue-600); /* @kind color */
  --component-colors-utility-blue-utility-blue-700: var(--colors-blue-700); /* @kind color */
  --component-colors-utility-brand-utility-brand-100: var(--colors-brand-100); /* @kind color */
  --component-colors-utility-brand-utility-brand-200: var(--colors-brand-200); /* @kind color */
  --component-colors-utility-brand-utility-brand-300: var(--colors-brand-300); /* @kind color */
  --component-colors-utility-brand-utility-brand-400: var(--colors-brand-400); /* @kind color */
  --component-colors-utility-brand-utility-brand-500: var(--colors-brand-500); /* @kind color */
  --component-colors-utility-brand-utility-brand-50: var(--colors-brand-50); /* @kind color */
  --component-colors-utility-brand-utility-brand-600-alt: var(--colors-brand-600); /* @kind color */
  --component-colors-utility-brand-utility-brand-600: var(--colors-brand-600); /* @kind color */
  --component-colors-utility-brand-utility-brand-700: var(--colors-brand-700); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-100: var(--colors-emerald-100); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-200: var(--colors-emerald-200); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-500: var(--colors-emerald-500); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-50: var(--colors-emerald-50); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-600: var(--colors-emerald-600); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-700: var(--colors-emerald-700); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-600: var(--colors-fuchsia-600); /* @kind color */
  --component-colors-utility-green-utility-green-100: var(--colors-green-100); /* @kind color */
  --component-colors-utility-green-utility-green-200: var(--colors-green-200); /* @kind color */
  --component-colors-utility-green-utility-green-400: var(--colors-green-400); /* @kind color */
  --component-colors-utility-green-utility-green-500: var(--colors-green-500); /* @kind color */
  --component-colors-utility-green-utility-green-50: var(--colors-green-50); /* @kind color */
  --component-colors-utility-green-utility-green-600: var(--colors-green-600); /* @kind color */
  --component-colors-utility-green-utility-green-700: var(--colors-green-700); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-100: var(--colors-indigo-100); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-200: var(--colors-indigo-200); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-400: var(--colors-indigo-400); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-500: var(--colors-indigo-500); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-50: var(--colors-indigo-50); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-600: var(--colors-indigo-600); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-700: var(--colors-indigo-700); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-100: var(--colors-neutral-100); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-200: var(--colors-neutral-200); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-300: var(--colors-neutral-300); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-400: var(--colors-neutral-400); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-500: var(--colors-neutral-500); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-50: var(--colors-neutral-50); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-600: var(--colors-neutral-600); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-700: var(--colors-neutral-700); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-800: var(--colors-neutral-800); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-900: var(--colors-neutral-900); /* @kind color */
  --component-colors-utility-orange-utility-orange-100: var(--colors-orange-100); /* @kind color */
  --component-colors-utility-orange-utility-orange-200: var(--colors-orange-200); /* @kind color */
  --component-colors-utility-orange-utility-orange-400: var(--colors-orange-400); /* @kind color */
  --component-colors-utility-orange-utility-orange-500: var(--colors-orange-500); /* @kind color */
  --component-colors-utility-orange-utility-orange-50: var(--colors-orange-50); /* @kind color */
  --component-colors-utility-orange-utility-orange-600: var(--colors-orange-600); /* @kind color */
  --component-colors-utility-orange-utility-orange-700: var(--colors-orange-700); /* @kind color */
  --component-colors-utility-pink-utility-pink-100: var(--colors-pink-100); /* @kind color */
  --component-colors-utility-pink-utility-pink-200: var(--colors-pink-200); /* @kind color */
  --component-colors-utility-pink-utility-pink-400: var(--colors-pink-400); /* @kind color */
  --component-colors-utility-pink-utility-pink-500: var(--colors-pink-500); /* @kind color */
  --component-colors-utility-pink-utility-pink-50: var(--colors-pink-50); /* @kind color */
  --component-colors-utility-pink-utility-pink-600: var(--colors-pink-600); /* @kind color */
  --component-colors-utility-pink-utility-pink-700: var(--colors-pink-700); /* @kind color */
  --component-colors-utility-purple-utility-purple-100: var(--colors-purple-100); /* @kind color */
  --component-colors-utility-purple-utility-purple-200: var(--colors-purple-200); /* @kind color */
  --component-colors-utility-purple-utility-purple-400: var(--colors-purple-400); /* @kind color */
  --component-colors-utility-purple-utility-purple-500: var(--colors-purple-500); /* @kind color */
  --component-colors-utility-purple-utility-purple-50: var(--colors-purple-50); /* @kind color */
  --component-colors-utility-purple-utility-purple-600: var(--colors-purple-600); /* @kind color */
  --component-colors-utility-purple-utility-purple-700: var(--colors-purple-700); /* @kind color */
  --component-colors-utility-red-utility-red-100: var(--colors-red-100); /* @kind color */
  --component-colors-utility-red-utility-red-200: var(--colors-red-200); /* @kind color */
  --component-colors-utility-red-utility-red-400: var(--colors-red-400); /* @kind color */
  --component-colors-utility-red-utility-red-500: var(--colors-red-500); /* @kind color */
  --component-colors-utility-red-utility-red-50: var(--colors-red-50); /* @kind color */
  --component-colors-utility-red-utility-red-600: var(--colors-red-600); /* @kind color */
  --component-colors-utility-red-utility-red-700: var(--colors-red-700); /* @kind color */
  --component-colors-utility-sky-utility-sky-100: var(--colors-sky-100); /* @kind color */
  --component-colors-utility-sky-utility-sky-200: var(--colors-sky-200); /* @kind color */
  --component-colors-utility-sky-utility-sky-400: var(--colors-sky-400); /* @kind color */
  --component-colors-utility-sky-utility-sky-500: var(--colors-sky-500); /* @kind color */
  --component-colors-utility-sky-utility-sky-50: var(--colors-sky-50); /* @kind color */
  --component-colors-utility-sky-utility-sky-600: var(--colors-sky-600); /* @kind color */
  --component-colors-utility-sky-utility-sky-700: var(--colors-sky-700); /* @kind color */
  --component-colors-utility-slate-utility-slate-100: var(--colors-slate-100); /* @kind color */
  --component-colors-utility-slate-utility-slate-200: var(--colors-slate-200); /* @kind color */
  --component-colors-utility-slate-utility-slate-400: var(--colors-slate-400); /* @kind color */
  --component-colors-utility-slate-utility-slate-500: var(--colors-slate-500); /* @kind color */
  --component-colors-utility-slate-utility-slate-50: var(--colors-slate-50); /* @kind color */
  --component-colors-utility-slate-utility-slate-600: var(--colors-slate-600); /* @kind color */
  --component-colors-utility-slate-utility-slate-700: var(--colors-slate-700); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-100: var(--colors-yellow-100); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-200: var(--colors-yellow-200); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-400: var(--colors-yellow-400); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-500: var(--colors-yellow-500); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-50: var(--colors-yellow-50); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-600: var(--colors-yellow-600); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-700: var(--colors-yellow-700); /* @kind color */
  --container-max-width-desktop: var(--spacing-320-1-280px);
  --container-padding-desktop: var(--spacing-8-32px);
  --container-padding-mobile: var(--spacing-4-16px);
  --font-family-font-family-body: "Inter";
  --font-family-font-family-display: "Inter";
  --font-size-display-2xl: 72;
  --font-size-display-lg: 48;
  --font-size-display-md: 36;
  --font-size-display-sm: 30;
  --font-size-display-xl: 60;
  --font-size-display-xs: 24;
  --font-size-text-lg: 18;
  --font-size-text-md: 16;
  --font-size-text-sm-2: 14;
  --font-size-text-sm: 14;
  --font-size-text-xl: 20;
  --font-size-text-xs: 12;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --line-height-display-2xl: 90;
  --line-height-display-lg: 60;
  --line-height-display-md: 44;
  --line-height-display-sm: 38;
  --line-height-display-xl: 72;
  --line-height-display-xs: 32;
  --line-height-text-lg: 28;
  --line-height-text-md: 24;
  --line-height-text-sm: 20;
  --line-height-text-xl: 30;
  --line-height-text-xs: 18;
  --paragraph-max-width: var(--spacing-180-720px);
  --radius-2xl: 16;
  --radius-3xl: 20;
  --radius-full: 9999;
  --radius-lg: 10;
  --radius-md: 8;
  --radius-none: 0;
  --radius-sm: 6;
  --radius-xl: 12;
  --radius-xs: 4;
  --radius-xxs: 2;
  --spacing-0-0px: 0;
  --spacing-0-5-2px: 2;
  --spacing-1-4px: 4;
  --spacing-1-5-6px: 6;
  --spacing-10-40px: 40;
  --spacing-10xl: var(--spacing-32-128px);
  --spacing-11xl: var(--spacing-40-160px);
  --spacing-12-48px: 48;
  --spacing-16-64px: 64;
  --spacing-160-640px: 640;
  --spacing-180-720px: 720;
  --spacing-192-768px: 768;
  --spacing-2-8px: 8;
  --spacing-20-80px: 80;
  --spacing-24-96px: 96;
  --spacing-256-1-024px: 1024;
  --spacing-2xl: var(--spacing-5-20px);
  --spacing-3-12px: 12;
  --spacing-32-128px: 128;
  --spacing-320-1-280px: 1280;
  --spacing-3xl: var(--spacing-6-24px);
  --spacing-4-16px: 16;
  --spacing-40-160px: 160;
  --spacing-4xl: var(--spacing-8-32px);
  --spacing-5-20px: 20;
  --spacing-5xl: var(--spacing-10-40px);
  --spacing-6-24px: 24;
  --spacing-6xl: var(--spacing-12-48px);
  --spacing-7xl: var(--spacing-16-64px);
  --spacing-8-32px: 32;
  --spacing-80-320px: 320;
  --spacing-8xl: var(--spacing-20-80px);
  --spacing-9xl: var(--spacing-24-96px);
  --spacing-lg: var(--spacing-3-12px);
  --spacing-md: var(--spacing-2-8px);
  --spacing-none: var(--spacing-0-0px);
  --spacing-sm: var(--spacing-1-5-6px);
  --spacing-xl: var(--spacing-4-16px);
  --spacing-xs: var(--spacing-1-4px);
  --spacing-xxs: var(--spacing-0-5-2px);
  --width-2xl: var(--spacing-256-1-024px);
  --width-lg: var(--spacing-160-640px);
  --width-move-width-md: var(--spacing-192-768px);
  --width-xl: var(--spacing-192-768px);
}

:root[data-theme="dark"], .dark {
  --colors-background-bg-brand-primary-alt: var(--colors-background-bg-secondary); /* @kind color */
  --colors-background-bg-brand-primary: var(--colors-brand-500); /* @kind color */
  --colors-background-bg-brand-secondary: var(--colors-brand-600); /* @kind color */
  --colors-background-bg-brand-solid-hover: var(--colors-brand-500); /* @kind color */
  --colors-background-bg-brand-solid: var(--colors-brand-600); /* @kind color */
  --colors-background-bg-error-primary: var(--colors-red-950); /* @kind color */
  --colors-background-bg-error-secondary: var(--colors-red-600); /* @kind color */
  --colors-background-bg-error-solid-hover: var(--colors-red-500); /* @kind color */
  --colors-background-bg-error-solid: var(--colors-red-600); /* @kind color */
  --colors-background-bg-overlay: var(--colors-neutral-800); /* @kind color */
  --colors-background-bg-primary-alt: var(--colors-background-bg-secondary); /* @kind color */
  --colors-background-bg-primary-hover: var(--colors-neutral-900); /* @kind color */
  --colors-background-bg-primary-solid: var(--colors-background-bg-tertiary); /* @kind color */
  --colors-background-bg-primary: var(--colors-neutral-950); /* @kind color */
  --colors-background-bg-quaternary: var(--colors-neutral-700); /* @kind color */
  --colors-background-bg-secondary-alt: var(--colors-background-bg-primary); /* @kind color */
  --colors-background-bg-secondary-hover: var(--colors-neutral-800); /* @kind color */
  --colors-background-bg-secondary-solid: var(--colors-neutral-600); /* @kind color */
  --colors-background-bg-secondary: var(--colors-neutral-900); /* @kind color */
  --colors-background-bg-success-secondary: var(--colors-green-600); /* @kind color */
  --colors-background-bg-success-solid: var(--colors-green-600); /* @kind color */
  --colors-background-bg-tertiary: var(--colors-neutral-800); /* @kind color */
  --colors-background-bg-warning-secondary: var(--colors-yellow-600); /* @kind color */
  --colors-background-bg-warning-solid: var(--colors-yellow-600); /* @kind color */
  --colors-border-border-brand-alt: var(--colors-neutral-700); /* @kind color */
  --colors-border-border-brand: var(--colors-brand-400); /* @kind color */
  --colors-border-border-error-subtle: var(--colors-red-500); /* @kind color */
  --colors-border-border-error: var(--colors-red-400); /* @kind color */
  --colors-border-border-primary: var(--colors-neutral-700); /* @kind color */
  --colors-border-border-secondary-alt: var(--colors-neutral-800); /* @kind color */
  --colors-border-border-secondary: var(--colors-neutral-800); /* @kind color */
  --colors-border-border-tertiary: var(--colors-neutral-800); /* @kind color */
  --colors-effects-focus-rings-focus-ring-error: var(--colors-red-500); /* @kind color */
  --colors-effects-focus-rings-focus-ring: var(--colors-brand-500); /* @kind color */
  --colors-effects-shadows-shadow-2xl-01: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-2xl-02: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-lg-01: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-lg-02: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-lg-03: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-md-01: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-md-02: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(0,0,0,0.18); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(0,0,0,0.05); /* @kind color */
  --colors-effects-shadows-shadow-sm-01: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-sm-02: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-xl-01: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-xl-02: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-xl-03: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-xs: var(--colors-base-transparent); /* @kind color */
  --colors-foreground-fg-brand-primary-600: var(--colors-brand-500); /* @kind color */
  --colors-foreground-fg-brand-primary-alt: var(--colors-neutral-300); /* @kind color */
  --colors-foreground-fg-brand-secondary-500: var(--colors-brand-500); /* @kind color */
  --colors-foreground-fg-brand-secondary-alt: var(--colors-neutral-600); /* @kind color */
  --colors-foreground-fg-brand-secondary-hover: var(--colors-neutral-500); /* @kind color */
  --colors-foreground-fg-disabled-subtle: var(--colors-xxx-gray-dark-mode-600); /* @kind color */
  --colors-foreground-fg-error-primary: var(--colors-red-500); /* @kind color */
  --colors-foreground-fg-error-secondary: var(--colors-red-400); /* @kind color */
  --colors-foreground-fg-primary-900: var(--colors-base-white); /* @kind color */
  --colors-foreground-fg-quaternary-400: var(--colors-neutral-500); /* @kind color */
  --colors-foreground-fg-quaternary-hover: var(--colors-neutral-400); /* @kind color */
  --colors-foreground-fg-secondary-700: var(--colors-neutral-300); /* @kind color */
  --colors-foreground-fg-secondary-hover: var(--colors-neutral-200); /* @kind color */
  --colors-foreground-fg-success-primary: var(--colors-green-500); /* @kind color */
  --colors-foreground-fg-success-secondary: var(--colors-green-400); /* @kind color */
  --colors-foreground-fg-tertiary-600: var(--colors-neutral-400); /* @kind color */
  --colors-foreground-fg-warning-primary: var(--colors-yellow-500); /* @kind color */
  --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */
  --colors-text-text-brand-secondary-700: var(--colors-neutral-300); /* @kind color */
  --colors-text-text-brand-secondary-hover: var(--colors-neutral-200); /* @kind color */
  --colors-text-text-brand-tertiary-600: var(--colors-neutral-400); /* @kind color */
  --colors-text-text-brand-tertiary-alt: var(--colors-neutral-50); /* @kind color */
  --colors-text-text-error-primary-600: var(--colors-red-400); /* @kind color */
  --colors-text-text-error-primary-hover: var(--colors-red-300); /* @kind color */
  --colors-text-text-placeholder: var(--colors-neutral-500); /* @kind color */
  --colors-text-text-primary-900: var(--colors-neutral-50); /* @kind color */
  --colors-text-text-quaternary-500: var(--colors-neutral-400); /* @kind color */
  --colors-text-text-secondary-700: var(--colors-neutral-300); /* @kind color */
  --colors-text-text-secondary-hover: var(--colors-neutral-200); /* @kind color */
  --colors-text-text-success-primary-600: var(--colors-green-400); /* @kind color */
  --colors-text-text-tertiary-600: var(--colors-neutral-400); /* @kind color */
  --colors-text-text-tertiary-hover: var(--colors-neutral-300); /* @kind color */
  --colors-text-text-white: var(--colors-base-white); /* @kind color */
  --component-colors-alpha-alpha-black-100: rgb(255,255,255); /* @kind color */
  --component-colors-alpha-alpha-black-10: rgba(255,255,255,0.1); /* @kind color */
  --component-colors-alpha-alpha-black-20: rgba(255,255,255,0.2); /* @kind color */
  --component-colors-alpha-alpha-white-100: var(--colors-neutral-950); /* @kind color */
  --component-colors-alpha-alpha-white-10: rgba(10,10,10,0.1); /* @kind color */
  --component-colors-alpha-alpha-white-20: rgba(10,10,10,0.2); /* @kind color */
  --component-colors-alpha-alpha-white-30: rgba(10,10,10,0.3); /* @kind color */
  --component-colors-alpha-alpha-white-40: rgba(10,10,10,0.4); /* @kind color */
  --component-colors-alpha-alpha-white-80: rgba(10,10,10,0.8); /* @kind color */
  --component-colors-alpha-alpha-white-90: rgba(10,10,10,0.9); /* @kind color */
  --component-colors-components-avatars-avatar-styles-bg-neutral: rgb(224,224,224); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-xxx-gray-dark-mode-300); /* @kind color */
  --component-colors-components-buttons-tertiary-error-button-tertiary-error-fg: var(--colors-red-300); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: var(--colors-brand-200); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-error: var(--colors-red-200); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-gray: var(--colors-neutral-200); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-success: var(--colors-green-200); /* @kind color */
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-warning: var(--colors-yellow-200); /* @kind color */
  --component-colors-components-toggles-toggle-border: var(--colors-base-transparent); /* @kind color */
  --component-colors-components-toggles-toggle-slim-border-pressed-hover: var(--colors-base-transparent); /* @kind color */
  --component-colors-components-toggles-toggle-slim-border-pressed: var(--colors-base-transparent); /* @kind color */
  --component-colors-components-tooltips-tooltip-supporting-text: var(--colors-neutral-300); /* @kind color */
  --component-colors-utility-amber-utility-amber-100: var(--colors-amber-900); /* @kind color */
  --component-colors-utility-amber-utility-amber-200: var(--colors-amber-800); /* @kind color */
  --component-colors-utility-amber-utility-amber-500: var(--colors-amber-500); /* @kind color */
  --component-colors-utility-amber-utility-amber-50: var(--colors-amber-950); /* @kind color */
  --component-colors-utility-amber-utility-amber-600: var(--colors-amber-400); /* @kind color */
  --component-colors-utility-amber-utility-amber-700: var(--colors-amber-300); /* @kind color */
  --component-colors-utility-blue-utility-blue-100: var(--colors-blue-900); /* @kind color */
  --component-colors-utility-blue-utility-blue-200: var(--colors-blue-800); /* @kind color */
  --component-colors-utility-blue-utility-blue-400: var(--colors-blue-600); /* @kind color */
  --component-colors-utility-blue-utility-blue-500: var(--colors-blue-500); /* @kind color */
  --component-colors-utility-blue-utility-blue-50: var(--colors-blue-950); /* @kind color */
  --component-colors-utility-blue-utility-blue-600: var(--colors-blue-400); /* @kind color */
  --component-colors-utility-blue-utility-blue-700: var(--colors-blue-300); /* @kind color */
  --component-colors-utility-brand-utility-brand-100: var(--colors-brand-900); /* @kind color */
  --component-colors-utility-brand-utility-brand-200: var(--colors-brand-800); /* @kind color */
  --component-colors-utility-brand-utility-brand-300: var(--colors-brand-700); /* @kind color */
  --component-colors-utility-brand-utility-brand-400: var(--colors-brand-600); /* @kind color */
  --component-colors-utility-brand-utility-brand-500: var(--colors-brand-500); /* @kind color */
  --component-colors-utility-brand-utility-brand-50: var(--colors-brand-950); /* @kind color */
  --component-colors-utility-brand-utility-brand-600-alt: var(--component-colors-utility-neutral-utility-neutral-600); /* @kind color */
  --component-colors-utility-brand-utility-brand-600: var(--colors-brand-400); /* @kind color */
  --component-colors-utility-brand-utility-brand-700: var(--colors-brand-300); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-100: var(--colors-emerald-900); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-200: var(--colors-emerald-800); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-500: var(--colors-emerald-500); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-50: var(--colors-emerald-950); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-600: var(--colors-emerald-400); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-700: var(--colors-emerald-300); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-600: var(--colors-fuchsia-400); /* @kind color */
  --component-colors-utility-green-utility-green-100: var(--colors-green-900); /* @kind color */
  --component-colors-utility-green-utility-green-200: var(--colors-green-800); /* @kind color */
  --component-colors-utility-green-utility-green-400: var(--colors-green-600); /* @kind color */
  --component-colors-utility-green-utility-green-500: var(--colors-green-500); /* @kind color */
  --component-colors-utility-green-utility-green-50: var(--colors-green-950); /* @kind color */
  --component-colors-utility-green-utility-green-600: var(--colors-green-400); /* @kind color */
  --component-colors-utility-green-utility-green-700: var(--colors-green-300); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-100: var(--colors-indigo-900); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-200: var(--colors-indigo-800); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-400: var(--colors-indigo-600); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-500: var(--colors-indigo-500); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-50: var(--colors-indigo-950); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-600: var(--colors-indigo-400); /* @kind color */
  --component-colors-utility-indigo-utility-indigo-700: var(--colors-indigo-300); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-100: var(--colors-neutral-800); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-200: var(--colors-neutral-700); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-300: var(--colors-neutral-700); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-400: var(--colors-neutral-600); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-500: var(--colors-neutral-500); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-50: var(--colors-neutral-900); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-600: var(--colors-neutral-400); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-700: var(--colors-neutral-300); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-800: var(--colors-neutral-200); /* @kind color */
  --component-colors-utility-neutral-utility-neutral-900: var(--colors-neutral-100); /* @kind color */
  --component-colors-utility-orange-utility-orange-100: var(--colors-orange-900); /* @kind color */
  --component-colors-utility-orange-utility-orange-200: var(--colors-orange-800); /* @kind color */
  --component-colors-utility-orange-utility-orange-400: var(--colors-orange-600); /* @kind color */
  --component-colors-utility-orange-utility-orange-500: var(--colors-orange-500); /* @kind color */
  --component-colors-utility-orange-utility-orange-50: var(--colors-orange-950); /* @kind color */
  --component-colors-utility-orange-utility-orange-600: var(--colors-orange-400); /* @kind color */
  --component-colors-utility-orange-utility-orange-700: var(--colors-orange-300); /* @kind color */
  --component-colors-utility-pink-utility-pink-100: var(--colors-pink-900); /* @kind color */
  --component-colors-utility-pink-utility-pink-200: var(--colors-pink-800); /* @kind color */
  --component-colors-utility-pink-utility-pink-400: var(--colors-pink-600); /* @kind color */
  --component-colors-utility-pink-utility-pink-500: var(--colors-pink-500); /* @kind color */
  --component-colors-utility-pink-utility-pink-50: var(--colors-pink-950); /* @kind color */
  --component-colors-utility-pink-utility-pink-600: var(--colors-pink-400); /* @kind color */
  --component-colors-utility-pink-utility-pink-700: var(--colors-pink-300); /* @kind color */
  --component-colors-utility-purple-utility-purple-100: var(--colors-purple-900); /* @kind color */
  --component-colors-utility-purple-utility-purple-200: var(--colors-purple-800); /* @kind color */
  --component-colors-utility-purple-utility-purple-400: var(--colors-purple-600); /* @kind color */
  --component-colors-utility-purple-utility-purple-500: var(--colors-purple-500); /* @kind color */
  --component-colors-utility-purple-utility-purple-50: var(--colors-purple-950); /* @kind color */
  --component-colors-utility-purple-utility-purple-600: var(--colors-purple-400); /* @kind color */
  --component-colors-utility-purple-utility-purple-700: var(--colors-purple-300); /* @kind color */
  --component-colors-utility-red-utility-red-100: var(--colors-red-900); /* @kind color */
  --component-colors-utility-red-utility-red-200: var(--colors-red-800); /* @kind color */
  --component-colors-utility-red-utility-red-400: var(--colors-red-600); /* @kind color */
  --component-colors-utility-red-utility-red-500: var(--colors-red-500); /* @kind color */
  --component-colors-utility-red-utility-red-50: var(--colors-red-950); /* @kind color */
  --component-colors-utility-red-utility-red-600: var(--colors-red-400); /* @kind color */
  --component-colors-utility-red-utility-red-700: var(--colors-red-300); /* @kind color */
  --component-colors-utility-sky-utility-sky-100: var(--colors-sky-900); /* @kind color */
  --component-colors-utility-sky-utility-sky-200: var(--colors-sky-800); /* @kind color */
  --component-colors-utility-sky-utility-sky-400: var(--colors-sky-600); /* @kind color */
  --component-colors-utility-sky-utility-sky-500: var(--colors-sky-500); /* @kind color */
  --component-colors-utility-sky-utility-sky-50: var(--colors-sky-950); /* @kind color */
  --component-colors-utility-sky-utility-sky-600: var(--colors-sky-400); /* @kind color */
  --component-colors-utility-sky-utility-sky-700: var(--colors-sky-300); /* @kind color */
  --component-colors-utility-slate-utility-slate-100: var(--colors-slate-900); /* @kind color */
  --component-colors-utility-slate-utility-slate-200: var(--colors-slate-800); /* @kind color */
  --component-colors-utility-slate-utility-slate-400: var(--colors-slate-600); /* @kind color */
  --component-colors-utility-slate-utility-slate-500: var(--colors-slate-500); /* @kind color */
  --component-colors-utility-slate-utility-slate-50: var(--colors-slate-950); /* @kind color */
  --component-colors-utility-slate-utility-slate-600: var(--colors-slate-400); /* @kind color */
  --component-colors-utility-slate-utility-slate-700: var(--colors-slate-300); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-100: var(--colors-yellow-900); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-200: var(--colors-yellow-800); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-400: var(--colors-yellow-600); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-500: var(--colors-yellow-500); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-50: var(--colors-yellow-950); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-600: var(--colors-yellow-400); /* @kind color */
  --component-colors-utility-yellow-utility-yellow-700: var(--colors-yellow-300); /* @kind color */
  --width-move-width-md: var(--spacing-192-768px);
}