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

:root {
  --approach-2-container-max-width: var(--spacing-320-1-280px);
  --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-amber-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-background-bg-active: var(--colors-red-500); /* @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-section-subtle: var(--colors-brand-700); /* @kind color */
  --colors-background-bg-brand-section: var(--colors-brand-800); /* @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-primary: var(--colors-green-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-primary: var(--colors-yellow-50); /* @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-blue-xxx-25: rgb(255,0,0); /* @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-disabled-subtle: rgb(255,0,217); /* @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-brand-xxx-25: rgb(255,0,0); /* @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-cyan-xxx-25: rgb(255,0,0); /* @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-portfolio-mockups-shadow-grid-md: rgba(10,10,10,0.08); /* @kind color */
  --colors-effects-portfolio-mockups-shadow-main-centre-lg: rgba(10,10,10,0.18); /* @kind color */
  --colors-effects-portfolio-mockups-shadow-main-centre-md: rgba(10,10,10,0.14); /* @kind color */
  --colors-effects-portfolio-mockups-shadow-overlay-lg: rgba(10,10,10,0.12); /* @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-3xl-01: rgba(0,0,0,0.14); /* @kind color */
  --colors-effects-shadows-shadow-3xl-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-emerald-xxx-25: rgb(255,0,0); /* @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-500: var(--colors-neutral-500); /* @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-tertiary-hover: var(--colors-neutral-700); /* @kind color */
  --colors-foreground-fg-warning-primary: var(--colors-yellow-600); /* @kind color */
  --colors-foreground-fg-warning-secondary: var(--colors-yellow-500); /* @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-fuchsia-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-gray-100: rgb(243,244,246); /* @kind color */
  --colors-gray-200: rgb(229,231,235); /* @kind color */
  --colors-gray-300: rgb(209,213,219); /* @kind color */
  --colors-gray-400: rgb(156,163,175); /* @kind color */
  --colors-gray-500: rgb(107,114,128); /* @kind color */
  --colors-gray-50: rgb(249,250,251); /* @kind color */
  --colors-gray-600: rgb(75,85,99); /* @kind color */
  --colors-gray-700: rgb(55,65,81); /* @kind color */
  --colors-gray-800: rgb(31,41,55); /* @kind color */
  --colors-gray-900: rgb(17,24,39); /* @kind color */
  --colors-gray-950: rgb(3,7,18); /* @kind color */
  --colors-gray-cool-100: rgb(239,241,245); /* @kind color */
  --colors-gray-cool-200: rgb(220,223,234); /* @kind color */
  --colors-gray-cool-25: rgb(252,252,253); /* @kind color */
  --colors-gray-cool-300: rgb(185,192,212); /* @kind color */
  --colors-gray-cool-400: rgb(125,137,176); /* @kind color */
  --colors-gray-cool-500: rgb(93,107,152); /* @kind color */
  --colors-gray-cool-50: rgb(249,249,251); /* @kind color */
  --colors-gray-cool-600: rgb(74,85,120); /* @kind color */
  --colors-gray-cool-700: rgb(64,73,104); /* @kind color */
  --colors-gray-cool-800: rgb(48,55,79); /* @kind color */
  --colors-gray-cool-900: rgb(17,19,34); /* @kind color */
  --colors-gray-cool-950: rgb(14,16,27); /* @kind color */
  --colors-gray-modern-100: rgb(238,242,246); /* @kind color */
  --colors-gray-modern-200: rgb(227,232,239); /* @kind color */
  --colors-gray-modern-25: rgb(252,252,253); /* @kind color */
  --colors-gray-modern-300: rgb(205,213,223); /* @kind color */
  --colors-gray-modern-400: rgb(154,164,178); /* @kind color */
  --colors-gray-modern-500: rgb(105,117,134); /* @kind color */
  --colors-gray-modern-50: rgb(248,250,252); /* @kind color */
  --colors-gray-modern-600: rgb(75,85,101); /* @kind color */
  --colors-gray-modern-700: rgb(54,65,82); /* @kind color */
  --colors-gray-modern-800: rgb(32,41,57); /* @kind color */
  --colors-gray-modern-900: rgb(18,25,38); /* @kind color */
  --colors-gray-modern-950: rgb(13,18,28); /* @kind color */
  --colors-gray-true-100: rgb(245,245,245); /* @kind color */
  --colors-gray-true-200: rgb(229,229,229); /* @kind color */
  --colors-gray-true-25: rgb(252,252,252); /* @kind color */
  --colors-gray-true-300: rgb(214,214,214); /* @kind color */
  --colors-gray-true-400: rgb(163,163,163); /* @kind color */
  --colors-gray-true-500: rgb(115,115,115); /* @kind color */
  --colors-gray-true-50: rgb(247,247,247); /* @kind color */
  --colors-gray-true-600: rgb(82,82,82); /* @kind color */
  --colors-gray-true-700: rgb(66,66,66); /* @kind color */
  --colors-gray-true-800: rgb(41,41,41); /* @kind color */
  --colors-gray-true-900: rgb(20,20,20); /* @kind color */
  --colors-gray-true-950: rgb(15,15,15); /* @kind color */
  --colors-gray-xxx-25: rgb(255,0,0); /* @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-green-light-100: rgb(227,251,204); /* @kind color */
  --colors-green-light-200: rgb(208,248,171); /* @kind color */
  --colors-green-light-25: rgb(250,254,245); /* @kind color */
  --colors-green-light-300: rgb(166,239,103); /* @kind color */
  --colors-green-light-400: rgb(133,225,58); /* @kind color */
  --colors-green-light-500: rgb(102,198,28); /* @kind color */
  --colors-green-light-50: rgb(243,254,231); /* @kind color */
  --colors-green-light-600: rgb(76,163,13); /* @kind color */
  --colors-green-light-700: rgb(59,124,15); /* @kind color */
  --colors-green-light-800: rgb(50,98,18); /* @kind color */
  --colors-green-light-900: rgb(43,83,20); /* @kind color */
  --colors-green-light-950: rgb(21,41,10); /* @kind color */
  --colors-green-xxx-25: rgb(255,0,0); /* @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-indigo-xxx-25: rgb(255,0,0); /* @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-lime-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-mauve-100: rgb(243,241,243); /* @kind color */
  --colors-mauve-200: rgb(231,228,231); /* @kind color */
  --colors-mauve-300: rgb(215,208,215); /* @kind color */
  --colors-mauve-400: rgb(168,158,169); /* @kind color */
  --colors-mauve-500: rgb(121,105,123); /* @kind color */
  --colors-mauve-50: rgb(250,250,250); /* @kind color */
  --colors-mauve-600: rgb(89,76,91); /* @kind color */
  --colors-mauve-700: rgb(70,57,71); /* @kind color */
  --colors-mauve-800: rgb(42,33,44); /* @kind color */
  --colors-mauve-900: rgb(29,22,30); /* @kind color */
  --colors-mauve-950: rgb(12,9,12); /* @kind color */
  --colors-mist-100: rgb(241,243,243); /* @kind color */
  --colors-mist-200: rgb(227,231,232); /* @kind color */
  --colors-mist-300: rgb(208,214,216); /* @kind color */
  --colors-mist-400: rgb(156,168,171); /* @kind color */
  --colors-mist-500: rgb(103,120,124); /* @kind color */
  --colors-mist-50: rgb(249,251,251); /* @kind color */
  --colors-mist-600: rgb(75,88,91); /* @kind color */
  --colors-mist-700: rgb(57,68,71); /* @kind color */
  --colors-mist-800: rgb(34,41,43); /* @kind color */
  --colors-mist-900: rgb(22,27,29); /* @kind color */
  --colors-mist-950: rgb(9,11,12); /* @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-alpha-100: rgba(255,255,255,0.96); /* @kind color */
  --colors-neutral-alpha-200: rgba(255,255,255,0.9); /* @kind color */
  --colors-neutral-alpha-300: rgba(255,255,255,0.82); /* @kind color */
  --colors-neutral-alpha-400: rgba(255,255,255,0.62); /* @kind color */
  --colors-neutral-alpha-500: rgba(255,255,255,0.43); /* @kind color */
  --colors-neutral-alpha-50: rgba(255,255,255,0.97); /* @kind color */
  --colors-neutral-alpha-600: rgba(255,255,255,0.29); /* @kind color */
  --colors-neutral-alpha-700: rgba(255,255,255,0.22); /* @kind color */
  --colors-neutral-alpha-800: rgba(255,255,255,0.12); /* @kind color */
  --colors-neutral-alpha-900: rgba(255,255,255,0.05); /* @kind color */
  --colors-neutral-alpha-950: rgba(255,255,255,0); /* @kind color */
  --colors-neutral-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-olive-100: rgb(244,244,240); /* @kind color */
  --colors-olive-200: rgb(232,232,227); /* @kind color */
  --colors-olive-300: rgb(216,216,208); /* @kind color */
  --colors-olive-400: rgb(171,171,156); /* @kind color */
  --colors-olive-500: rgb(124,124,103); /* @kind color */
  --colors-olive-50: rgb(251,251,249); /* @kind color */
  --colors-olive-600: rgb(91,91,75); /* @kind color */
  --colors-olive-700: rgb(71,71,57); /* @kind color */
  --colors-olive-800: rgb(43,43,34); /* @kind color */
  --colors-olive-900: rgb(29,29,22); /* @kind color */
  --colors-olive-950: rgb(12,12,9); /* @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-orange-xxx-25: rgb(255,0,0); /* @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-pink-xxx-25: rgb(255,0,0); /* @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-purple-xxx-25: rgb(255,0,0); /* @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-red-xxx-25: rgb(255,0,0); /* @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-rose-xxx-25: rgb(255,0,0); /* @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-sky-xxx-25: rgb(255,0,0); /* @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-slate-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-stone-100: rgb(245,245,244); /* @kind color */
  --colors-stone-200: rgb(231,229,228); /* @kind color */
  --colors-stone-300: rgb(214,211,209); /* @kind color */
  --colors-stone-400: rgb(168,162,158); /* @kind color */
  --colors-stone-500: rgb(120,113,108); /* @kind color */
  --colors-stone-50: rgb(250,250,249); /* @kind color */
  --colors-stone-600: rgb(87,83,78); /* @kind color */
  --colors-stone-700: rgb(68,64,60); /* @kind color */
  --colors-stone-800: rgb(41,37,36); /* @kind color */
  --colors-stone-900: rgb(28,25,23); /* @kind color */
  --colors-stone-950: rgb(12,10,9); /* @kind color */
  --colors-stone-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-taupe-100: rgb(243,241,241); /* @kind color */
  --colors-taupe-200: rgb(232,228,227); /* @kind color */
  --colors-taupe-300: rgb(216,210,208); /* @kind color */
  --colors-taupe-400: rgb(171,160,156); /* @kind color */
  --colors-taupe-500: rgb(124,109,103); /* @kind color */
  --colors-taupe-50: rgb(251,250,249); /* @kind color */
  --colors-taupe-600: rgb(91,79,75); /* @kind color */
  --colors-taupe-700: rgb(71,60,57); /* @kind color */
  --colors-taupe-800: rgb(43,36,34); /* @kind color */
  --colors-taupe-900: rgb(29,24,22); /* @kind color */
  --colors-taupe-950: rgb(12,10,9); /* @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-teal-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-text-text-brand-primary-900: var(--colors-brand-900); /* @kind color */
  --colors-text-text-brand-secondary-700: var(--colors-brand-700); /* @kind color */
  --colors-text-text-brand-secondary-hover-2: var(--colors-brand-800); /* @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-disabled: rgb(255,0,217); /* @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-primary-on-brand: var(--colors-base-white); /* @kind color */
  --colors-text-text-quaternary-500: var(--colors-neutral-500); /* @kind color */
  --colors-text-text-quaternary-on-brand: var(--colors-brand-300); /* @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-secondary-on-brand: var(--colors-brand-200); /* @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-tertiary-on-brand: var(--colors-brand-200); /* @kind color */
  --colors-text-text-warning-primary-600: var(--colors-yellow-600); /* @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-violet-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-xxx-blue-dark-100: rgb(209,224,255); /* @kind color */
  --colors-xxx-blue-dark-200: rgb(178,204,255); /* @kind color */
  --colors-xxx-blue-dark-25: rgb(245,248,255); /* @kind color */
  --colors-xxx-blue-dark-300: rgb(132,173,255); /* @kind color */
  --colors-xxx-blue-dark-400: rgb(82,139,255); /* @kind color */
  --colors-xxx-blue-dark-500: rgb(41,112,255); /* @kind color */
  --colors-xxx-blue-dark-50: rgb(239,244,255); /* @kind color */
  --colors-xxx-blue-dark-600: rgb(21,94,239); /* @kind color */
  --colors-xxx-blue-dark-700: rgb(0,78,235); /* @kind color */
  --colors-xxx-blue-dark-800: rgb(0,64,193); /* @kind color */
  --colors-xxx-blue-dark-900: rgb(0,53,158); /* @kind color */
  --colors-xxx-blue-dark-950: rgb(0,34,102); /* @kind color */
  --colors-xxx-gray-dark-mode-100: rgb(240,240,241); /* @kind color */
  --colors-xxx-gray-dark-mode-200: rgb(236,236,237); /* @kind color */
  --colors-xxx-gray-dark-mode-25: rgb(250,250,250); /* @kind color */
  --colors-xxx-gray-dark-mode-300: rgb(206,207,210); /* @kind color */
  --colors-xxx-gray-dark-mode-400: rgb(148,151,156); /* @kind color */
  --colors-xxx-gray-dark-mode-500: rgb(133,136,142); /* @kind color */
  --colors-xxx-gray-dark-mode-50: rgb(247,247,247); /* @kind color */
  --colors-xxx-gray-dark-mode-600: rgb(97,101,108); /* @kind color */
  --colors-xxx-gray-dark-mode-700: rgb(55,58,65); /* @kind color */
  --colors-xxx-gray-dark-mode-800: rgb(34,38,47); /* @kind color */
  --colors-xxx-gray-dark-mode-900: rgb(19,22,27); /* @kind color */
  --colors-xxx-gray-dark-mode-950: rgb(12,14,18); /* @kind color */
  --colors-xxx-orange-dark-100: rgb(255,230,213); /* @kind color */
  --colors-xxx-orange-dark-200: rgb(255,214,174); /* @kind color */
  --colors-xxx-orange-dark-25: rgb(255,249,245); /* @kind color */
  --colors-xxx-orange-dark-300: rgb(255,156,102); /* @kind color */
  --colors-xxx-orange-dark-400: rgb(255,105,46); /* @kind color */
  --colors-xxx-orange-dark-500: rgb(255,68,5); /* @kind color */
  --colors-xxx-orange-dark-50: rgb(255,244,237); /* @kind color */
  --colors-xxx-orange-dark-600: rgb(230,46,5); /* @kind color */
  --colors-xxx-orange-dark-700: rgb(188,27,6); /* @kind color */
  --colors-xxx-orange-dark-800: rgb(151,24,12); /* @kind color */
  --colors-xxx-orange-dark-900: rgb(119,26,13); /* @kind color */
  --colors-xxx-orange-dark-950: rgb(87,19,10); /* @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-yellow-xxx-25: rgb(255,0,0); /* @kind color */
  --colors-zinc-100: rgb(244,244,245); /* @kind color */
  --colors-zinc-200: rgb(228,228,231); /* @kind color */
  --colors-zinc-300: rgb(212,212,216); /* @kind color */
  --colors-zinc-400: rgb(161,161,170); /* @kind color */
  --colors-zinc-500: rgb(113,113,122); /* @kind color */
  --colors-zinc-50: rgb(250,250,250); /* @kind color */
  --colors-zinc-600: rgb(82,82,91); /* @kind color */
  --colors-zinc-700: rgb(63,63,70); /* @kind color */
  --colors-zinc-800: rgb(39,39,42); /* @kind color */
  --colors-zinc-900: rgb(24,24,27); /* @kind color */
  --colors-zinc-950: rgb(9,9,11); /* @kind color */
  --colors-zinc-xxx-25: rgb(255,0,0); /* @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-black-30: rgba(0,0,0,0.3); /* @kind color */
  --component-colors-alpha-alpha-black-40: rgba(0,0,0,0.4); /* @kind color */
  --component-colors-alpha-alpha-black-50: rgba(0,0,0,0.5); /* @kind color */
  --component-colors-alpha-alpha-black-60: rgba(0,0,0,0.6); /* @kind color */
  --component-colors-alpha-alpha-black-70: rgba(0,0,0,0.7); /* @kind color */
  --component-colors-alpha-alpha-black-80: rgba(0,0,0,0.8); /* @kind color */
  --component-colors-alpha-alpha-black-90: rgba(0,0,0,0.9); /* @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-50: rgba(255,255,255,0.5); /* @kind color */
  --component-colors-alpha-alpha-white-60: rgba(255,255,255,0.6); /* @kind color */
  --component-colors-alpha-alpha-white-70: rgba(255,255,255,0.7); /* @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-app-store-badges-app-store-badge-border: rgb(166,166,166); /* @kind color */
  --component-colors-components-avatars-avatar-bg: var(--colors-neutral-100); /* @kind color */
  --component-colors-components-avatars-avatar-contrast-border: rgba(0,0,0,0.08); /* @kind color */
  --component-colors-components-avatars-avatar-styles-bg-neutral: rgb(224,224,224); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-bg: var(--colors-brand-600); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-border: rgba(255,255,255,0.12); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-inner-shadow: rgba(0,0,0,0.2); /* @kind color */
  --component-colors-components-buttons-primary-error-button-primary-error-border-hover: var(--colors-red-700); /* @kind color */
  --component-colors-components-buttons-primary-error-button-primary-error-border: var(--colors-red-600); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-bg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-border: var(--colors-neutral-300); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-neutral-700); /* @kind color */
  --component-colors-components-buttons-tertiary-button-tertiary-fg: var(--colors-neutral-600); /* @kind color */
  --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg: var(--colors-brand-700); /* @kind color */
  --component-colors-components-buttons-tertiary-error-button-tertiary-error-fg: var(--colors-red-700); /* @kind color */
  --component-colors-components-footers-footer-button-fg-hover: var(--colors-base-white); /* @kind color */
  --component-colors-components-footers-footer-button-fg: var(--colors-brand-200); /* @kind color */
  --component-colors-components-header-sections-brand-header-header-brand-text-secondary: var(--colors-brand-200); /* @kind color */
  --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-brand: var(--colors-base-white); /* @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-icons-icons-icon-fg-brand-on-brand: var(--colors-brand-200); /* @kind color */
  --component-colors-components-icons-icons-icon-fg-brand: var(--colors-brand-600); /* @kind color */
  --component-colors-components-mockups-screen-mockup-border: var(--colors-neutral-900); /* @kind color */
  --component-colors-components-sliders-slider-handle-bg: var(--colors-base-white); /* @kind color */
  --component-colors-components-sliders-slider-handle-border: var(--colors-brand-600); /* @kind color */
  --component-colors-components-text-editor-text-editor-icon-fg-active: var(--colors-neutral-500); /* @kind color */
  --component-colors-components-text-editor-text-editor-icon-fg: var(--colors-neutral-400); /* @kind color */
  --component-colors-components-thumbnail-thumbnail-badge-success-fg: var(--colors-green-700); /* @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-light-text-primary: var(--colors-neutral-700); /* @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-300: var(--colors-amber-300); /* @kind color */
  --component-colors-utility-amber-utility-amber-400: var(--colors-amber-400); /* @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-300: var(--colors-blue-300); /* @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-alt: var(--colors-brand-100); /* @kind color */
  --component-colors-utility-brand-utility-brand-100: var(--colors-brand-100); /* @kind color */
  --component-colors-utility-brand-utility-brand-200-alt: var(--colors-brand-200); /* @kind color */
  --component-colors-utility-brand-utility-brand-200: var(--colors-brand-200); /* @kind color */
  --component-colors-utility-brand-utility-brand-300-alt: var(--colors-brand-300); /* @kind color */
  --component-colors-utility-brand-utility-brand-300: var(--colors-brand-300); /* @kind color */
  --component-colors-utility-brand-utility-brand-400-alt: var(--colors-brand-400); /* @kind color */
  --component-colors-utility-brand-utility-brand-400: var(--colors-brand-400); /* @kind color */
  --component-colors-utility-brand-utility-brand-50-alt: var(--colors-brand-50); /* @kind color */
  --component-colors-utility-brand-utility-brand-500-alt: var(--colors-brand-500); /* @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-alt: var(--colors-brand-700); /* @kind color */
  --component-colors-utility-brand-utility-brand-700: var(--colors-brand-700); /* @kind color */
  --component-colors-utility-brand-utility-brand-800-alt: var(--colors-brand-800); /* @kind color */
  --component-colors-utility-brand-utility-brand-800: var(--colors-brand-800); /* @kind color */
  --component-colors-utility-brand-utility-brand-900-alt: var(--colors-brand-900); /* @kind color */
  --component-colors-utility-brand-utility-brand-900: var(--colors-brand-900); /* @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-300: var(--colors-emerald-300); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-400: var(--colors-emerald-400); /* @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-100: var(--colors-fuchsia-100); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-200: var(--colors-fuchsia-200); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-300: var(--colors-fuchsia-300); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-400: var(--colors-fuchsia-400); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-500: var(--colors-fuchsia-500); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-50: var(--colors-fuchsia-50); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-600: var(--colors-fuchsia-600); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-700: var(--colors-fuchsia-700); /* @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-300: var(--colors-green-300); /* @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-300: var(--colors-indigo-300); /* @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-300: var(--colors-orange-300); /* @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-300: var(--colors-pink-300); /* @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-300: var(--colors-purple-300); /* @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-300: var(--colors-red-300); /* @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-300: var(--colors-sky-300); /* @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-300: var(--colors-slate-300); /* @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-300: var(--colors-yellow-300); /* @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: 14;
  --font-size-text-xl: 20;
  --font-size-text-xs: 12;
  --font-weight-bold-italic: "Bold italic";
  --font-weight-bold: "Bold";
  --font-weight-medium-italic: "Medium italic";
  --font-weight-medium: "Medium";
  --font-weight-regular-italic: "Regular italic";
  --font-weight-regular: "Regular";
  --font-weight-semibold-italic: "Semibold italic";
  --font-weight-semibold: "Semibold";
  --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-4xl: 24;
  --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-120-480px: 480;
  --spacing-140-560px: 560;
  --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-360-1-440px: 1440;
  --spacing-3xl: var(--spacing-6-24px);
  --spacing-4-16px: 16;
  --spacing-40-160px: 160;
  --spacing-400-1-600px: 1600;
  --spacing-48-192px: 192;
  --spacing-480-1-920px: 1920;
  --spacing-4xl: var(--spacing-8-32px);
  --spacing-5-20px: 20;
  --spacing-56-224px: 224;
  --spacing-5xl: var(--spacing-10-40px);
  --spacing-6-24px: 24;
  --spacing-64-256px: 256;
  --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-96-384px: 384;
  --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-3xl: var(--spacing-320-1-280px);
  --width-4xl: var(--spacing-360-1-440px);
  --width-5xl: var(--spacing-400-1-600px);
  --width-6xl: var(--spacing-480-1-920px);
  --width-lg: var(--spacing-160-640px);
  --width-md: var(--spacing-140-560px);
  --width-move-width-lg: var(--spacing-256-1-024px);
  --width-move-width-md: var(--spacing-192-768px);
  --width-sm: var(--spacing-120-480px);
  --width-xl: var(--spacing-192-768px);
  --width-xs: var(--spacing-96-384px);
  --width-xxs: var(--spacing-80-320px);
}

:root[data-theme="dark"], .dark {
  --colors-background-bg-active: var(--colors-neutral-800); /* @kind color */
  --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-section-subtle: var(--colors-background-bg-primary); /* @kind color */
  --colors-background-bg-brand-section: var(--colors-background-bg-secondary); /* @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-primary: var(--colors-green-950); /* @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-primary: var(--colors-yellow-950); /* @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-disabled-subtle: var(--colors-xxx-gray-dark-mode-800); /* @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-portfolio-mockups-shadow-grid-md: var(--colors-base-transparent); /* @kind color */
  --colors-effects-portfolio-mockups-shadow-main-centre-lg: var(--colors-base-transparent); /* @kind color */
  --colors-effects-portfolio-mockups-shadow-main-centre-md: var(--colors-base-transparent); /* @kind color */
  --colors-effects-portfolio-mockups-shadow-overlay-lg: var(--colors-base-transparent); /* @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-3xl-01: var(--colors-base-transparent); /* @kind color */
  --colors-effects-shadows-shadow-3xl-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-500: var(--colors-xxx-gray-dark-mode-400); /* @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-tertiary-hover: var(--colors-neutral-300); /* @kind color */
  --colors-foreground-fg-warning-primary: var(--colors-yellow-500); /* @kind color */
  --colors-foreground-fg-warning-secondary: var(--colors-yellow-400); /* @kind color */
  --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */
  --colors-text-text-brand-primary-900: var(--colors-neutral-50); /* @kind color */
  --colors-text-text-brand-secondary-700: var(--colors-neutral-300); /* @kind color */
  --colors-text-text-brand-secondary-hover-2: var(--colors-neutral-200); /* @kind color */
  --colors-text-text-brand-secondary-hover: var(--colors-xxx-gray-dark-mode-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-disabled: var(--colors-xxx-gray-dark-mode-500); /* @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-primary-on-brand: var(--colors-neutral-50); /* @kind color */
  --colors-text-text-quaternary-500: var(--colors-neutral-400); /* @kind color */
  --colors-text-text-quaternary-on-brand: 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-secondary-on-brand: var(--colors-neutral-300); /* @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-tertiary-on-brand: var(--colors-neutral-400); /* @kind color */
  --colors-text-text-warning-primary-600: var(--colors-yellow-400); /* @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-black-30: rgba(255,255,255,0.3); /* @kind color */
  --component-colors-alpha-alpha-black-40: rgba(255,255,255,0.4); /* @kind color */
  --component-colors-alpha-alpha-black-50: rgba(255,255,255,0.5); /* @kind color */
  --component-colors-alpha-alpha-black-60: rgba(255,255,255,0.6); /* @kind color */
  --component-colors-alpha-alpha-black-70: rgba(255,255,255,0.7); /* @kind color */
  --component-colors-alpha-alpha-black-80: rgba(255,255,255,0.8); /* @kind color */
  --component-colors-alpha-alpha-black-90: rgba(255,255,255,0.9); /* @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-50: rgba(10,10,10,0.5); /* @kind color */
  --component-colors-alpha-alpha-white-60: rgba(10,10,10,0.6); /* @kind color */
  --component-colors-alpha-alpha-white-70: rgba(10,10,10,0.7); /* @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-app-store-badges-app-store-badge-border: var(--colors-base-white); /* @kind color */
  --component-colors-components-avatars-avatar-bg: var(--colors-xxx-gray-dark-mode-800); /* @kind color */
  --component-colors-components-avatars-avatar-contrast-border: rgba(255,255,255,0.12); /* @kind color */
  --component-colors-components-avatars-avatar-styles-bg-neutral: rgb(224,224,224); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-bg: var(--colors-brand-600); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-border: rgba(255,255,255,0.12); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-inner-shadow: rgba(0,0,0,0.2); /* @kind color */
  --component-colors-components-buttons-primary-error-button-primary-error-border-hover: var(--colors-red-700); /* @kind color */
  --component-colors-components-buttons-primary-error-button-primary-error-border: var(--colors-red-600); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-bg: var(--colors-xxx-gray-dark-mode-900); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-border: var(--colors-xxx-gray-dark-mode-700); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-xxx-gray-dark-mode-300); /* @kind color */
  --component-colors-components-buttons-tertiary-button-tertiary-fg: var(--colors-xxx-gray-dark-mode-400); /* @kind color */
  --component-colors-components-buttons-tertiary-color-button-tertiary-color-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-footers-footer-button-fg-hover: var(--colors-neutral-100); /* @kind color */
  --component-colors-components-footers-footer-button-fg: var(--colors-neutral-300); /* @kind color */
  --component-colors-components-header-sections-brand-header-header-brand-text-secondary: var(--colors-neutral-300); /* @kind color */
  --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-brand: var(--colors-brand-200); /* @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-icons-icons-icon-fg-brand-on-brand: var(--colors-neutral-400); /* @kind color */
  --component-colors-components-icons-icons-icon-fg-brand: var(--colors-neutral-400); /* @kind color */
  --component-colors-components-mockups-screen-mockup-border: var(--colors-neutral-700); /* @kind color */
  --component-colors-components-sliders-slider-handle-bg: var(--colors-foreground-fg-brand-primary-600); /* @kind color */
  --component-colors-components-sliders-slider-handle-border: var(--colors-background-bg-primary); /* @kind color */
  --component-colors-components-text-editor-text-editor-icon-fg-active: var(--colors-base-white); /* @kind color */
  --component-colors-components-text-editor-text-editor-icon-fg: var(--colors-neutral-400); /* @kind color */
  --component-colors-components-thumbnail-thumbnail-badge-success-fg: var(--colors-xxx-gray-dark-mode-300); /* @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-light-text-primary: var(--colors-base-white); /* @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-300: var(--colors-amber-700); /* @kind color */
  --component-colors-utility-amber-utility-amber-400: var(--colors-amber-600); /* @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-300: var(--colors-blue-700); /* @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-alt: var(--component-colors-utility-neutral-utility-neutral-100); /* @kind color */
  --component-colors-utility-brand-utility-brand-100: var(--colors-brand-900); /* @kind color */
  --component-colors-utility-brand-utility-brand-200-alt: var(--component-colors-utility-neutral-utility-neutral-200); /* @kind color */
  --component-colors-utility-brand-utility-brand-200: var(--colors-brand-800); /* @kind color */
  --component-colors-utility-brand-utility-brand-300-alt: var(--component-colors-utility-neutral-utility-neutral-300); /* @kind color */
  --component-colors-utility-brand-utility-brand-300: var(--colors-brand-700); /* @kind color */
  --component-colors-utility-brand-utility-brand-400-alt: var(--component-colors-utility-neutral-utility-neutral-400); /* @kind color */
  --component-colors-utility-brand-utility-brand-400: var(--colors-brand-600); /* @kind color */
  --component-colors-utility-brand-utility-brand-50-alt: var(--component-colors-utility-neutral-utility-neutral-50); /* @kind color */
  --component-colors-utility-brand-utility-brand-500-alt: var(--component-colors-utility-neutral-utility-neutral-500); /* @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-alt: var(--component-colors-utility-neutral-utility-neutral-700); /* @kind color */
  --component-colors-utility-brand-utility-brand-700: var(--colors-brand-300); /* @kind color */
  --component-colors-utility-brand-utility-brand-800-alt: var(--component-colors-utility-neutral-utility-neutral-800); /* @kind color */
  --component-colors-utility-brand-utility-brand-800: var(--colors-brand-200); /* @kind color */
  --component-colors-utility-brand-utility-brand-900-alt: var(--component-colors-utility-neutral-utility-neutral-900); /* @kind color */
  --component-colors-utility-brand-utility-brand-900: var(--colors-brand-100); /* @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-300: var(--colors-emerald-700); /* @kind color */
  --component-colors-utility-emerald-utility-emerald-400: var(--colors-emerald-600); /* @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-100: var(--colors-fuchsia-900); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-200: var(--colors-fuchsia-800); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-300: var(--colors-fuchsia-700); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-400: var(--colors-fuchsia-600); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-500: var(--colors-fuchsia-500); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-50: var(--colors-fuchsia-950); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-600: var(--colors-fuchsia-400); /* @kind color */
  --component-colors-utility-fuchsia-utility-fuchsia-700: var(--colors-fuchsia-300); /* @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-300: var(--colors-green-700); /* @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-300: var(--colors-indigo-700); /* @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-300: var(--colors-orange-700); /* @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-300: var(--colors-pink-700); /* @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-300: var(--colors-purple-700); /* @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-300: var(--colors-red-700); /* @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-300: var(--colors-sky-700); /* @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-300: var(--colors-slate-700); /* @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-300: var(--colors-yellow-700); /* @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-lg: var(--spacing-256-1-024px);
  --width-move-width-md: var(--spacing-192-768px);
}