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

:root {
  --blue: rgb(0,51,102); /* @kind color */
  --box-bg: rgb(250,251,252); /* @kind color */
  --colors-background-bg-brand-secondary: var(--colors-brand-100); /* @kind color */
  --colors-background-bg-brand-solid: var(--colors-brand-600); /* @kind color */
  --colors-background-bg-disabled: var(--colors-gray-light-mode-100); /* @kind color */
  --colors-background-bg-error-secondary: var(--colors-error-100); /* @kind color */
  --colors-background-bg-error-solid: var(--colors-error-600); /* @kind color */
  --colors-background-bg-primary: var(--colors-base-white); /* @kind color */
  --colors-background-bg-secondary-solid: var(--colors-gray-light-mode-600); /* @kind color */
  --colors-background-bg-success-secondary: var(--colors-success-100); /* @kind color */
  --colors-background-bg-success-solid: var(--colors-success-600); /* @kind color */
  --colors-background-bg-tertiary: var(--colors-gray-light-mode-100); /* @kind color */
  --colors-background-bg-warning-secondary: var(--colors-warning-100); /* @kind color */
  --colors-background-bg-warning-solid: var(--colors-warning-600); /* @kind color */
  --colors-base-transparent: rgba(255,255,255,0); /* @kind color */
  --colors-base-white: rgb(255,255,255); /* @kind color */
  --colors-border-border-disabled-subtle: var(--colors-gray-light-mode-200); /* @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-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-950: rgb(44,28,95); /* @kind color */
  --colors-effects-focus-rings-focus-ring: var(--colors-brand-500); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(10,13,18,0.18); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(10,13,18,0.05); /* @kind color */
  --colors-effects-shadows-shadow-xs: rgba(10,13,18,0.05); /* @kind color */
  --colors-error-100: rgb(254,228,226); /* @kind color */
  --colors-error-200: rgb(254,205,202); /* @kind color */
  --colors-error-50: rgb(254,243,242); /* @kind color */
  --colors-error-600: rgb(217,45,32); /* @kind color */
  --colors-error-800: rgb(145,32,24); /* @kind color */
  --colors-error-950: rgb(85,22,12); /* @kind color */
  --colors-foreground-fg-disabled-subtle: var(--colors-gray-light-mode-300); /* @kind color */
  --colors-foreground-fg-disabled: var(--colors-gray-light-mode-400); /* @kind color */
  --colors-foreground-fg-secondary-700: var(--colors-gray-light-mode-700); /* @kind color */
  --colors-foreground-fg-success-secondary: var(--colors-success-500); /* @kind color */
  --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */
  --colors-gray-dark-mode-100: rgb(240,240,241); /* @kind color */
  --colors-gray-dark-mode-200: rgb(236,236,237); /* @kind color */
  --colors-gray-dark-mode-300: rgb(206,207,210); /* @kind color */
  --colors-gray-dark-mode-400: rgb(148,151,156); /* @kind color */
  --colors-gray-dark-mode-500: rgb(133,136,142); /* @kind color */
  --colors-gray-dark-mode-600: rgb(97,101,108); /* @kind color */
  --colors-gray-dark-mode-700: rgb(55,58,65); /* @kind color */
  --colors-gray-dark-mode-800: rgb(34,38,47); /* @kind color */
  --colors-gray-dark-mode-900: rgb(19,22,27); /* @kind color */
  --colors-gray-dark-mode-950: rgb(12,14,18); /* @kind color */
  --colors-gray-light-mode-100: rgb(245,245,245); /* @kind color */
  --colors-gray-light-mode-200: rgb(233,234,235); /* @kind color */
  --colors-gray-light-mode-300: rgb(213,215,218); /* @kind color */
  --colors-gray-light-mode-400: rgb(164,167,174); /* @kind color */
  --colors-gray-light-mode-500: rgb(113,118,128); /* @kind color */
  --colors-gray-light-mode-50: rgb(250,250,250); /* @kind color */
  --colors-gray-light-mode-600: rgb(83,88,98); /* @kind color */
  --colors-gray-light-mode-700: rgb(65,70,81); /* @kind color */
  --colors-gray-light-mode-800: rgb(37,43,55); /* @kind color */
  --colors-success-100: rgb(220,250,230); /* @kind color */
  --colors-success-200: rgb(171,239,198); /* @kind color */
  --colors-success-400: rgb(71,205,137); /* @kind color */
  --colors-success-500: rgb(23,178,106); /* @kind color */
  --colors-success-50: rgb(236,253,243); /* @kind color */
  --colors-success-600: rgb(7,148,85); /* @kind color */
  --colors-success-800: rgb(8,93,58); /* @kind color */
  --colors-success-950: rgb(5,51,33); /* @kind color */
  --colors-warning-100: rgb(254,240,199); /* @kind color */
  --colors-warning-200: rgb(254,223,137); /* @kind color */
  --colors-warning-50: rgb(255,250,235); /* @kind color */
  --colors-warning-600: rgb(220,104,3); /* @kind color */
  --colors-warning-800: rgb(147,55,13); /* @kind color */
  --colors-warning-950: rgb(78,29,9); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-bg-hover: var(--colors-brand-700); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-bg: var(--colors-brand-600); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-fg-hover: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-bg-hover: var(--colors-gray-light-mode-50); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-bg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-border-hover: var(--colors-gray-light-mode-300); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-border: var(--colors-gray-light-mode-300); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-fg-hover: var(--colors-gray-light-mode-800); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-gray-light-mode-700); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-bg-hover: var(--colors-brand-50); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-bg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-border-hover: var(--colors-brand-300); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-border: var(--colors-brand-300); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-fg-hover: var(--colors-brand-800); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-fg: var(--colors-brand-700); /* @kind color */
  --component-colors-components-buttons-tertiary-button-tertiary-bg-hover: var(--colors-gray-light-mode-50); /* @kind color */
  --component-colors-components-buttons-tertiary-button-tertiary-fg-hover: var(--colors-gray-light-mode-700); /* @kind color */
  --component-colors-components-buttons-tertiary-button-tertiary-fg: var(--colors-gray-light-mode-600); /* @kind color */
  --component-colors-components-buttons-tertiary-color-button-tertiary-color-bg-hover: var(--colors-brand-50); /* @kind color */
  --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg-hover: var(--colors-brand-800); /* @kind color */
  --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg: var(--colors-brand-700); /* @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-dark-featured-icon-dark-fg-error: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-gray: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-success: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-warning: var(--colors-base-white); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-brand: var(--colors-brand-600); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-error: var(--colors-error-600); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-gray: var(--colors-gray-light-mode-500); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-success: var(--colors-success-600); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-warning: var(--colors-warning-600); /* @kind color */
  --component-colors-components-icons-featured-icons-modern-featured-icon-modern-border: var(--colors-gray-light-mode-200); /* @kind color */
  --component-colors-utility-brand-utility-brand-200: var(--colors-brand-200); /* @kind color */
  --component-colors-utility-brand-utility-brand-50: var(--colors-brand-50); /* @kind color */
  --component-colors-utility-error-utility-error-200: var(--colors-error-200); /* @kind color */
  --component-colors-utility-error-utility-error-50: var(--colors-error-50); /* @kind color */
  --component-colors-utility-gray-utility-gray-200: var(--colors-gray-light-mode-200); /* @kind color */
  --component-colors-utility-gray-utility-gray-50: var(--colors-gray-light-mode-50); /* @kind color */
  --component-colors-utility-success-utility-success-200: var(--colors-success-200); /* @kind color */
  --component-colors-utility-success-utility-success-50: var(--colors-success-50); /* @kind color */
  --component-colors-utility-warning-utility-warning-200: var(--colors-warning-200); /* @kind color */
  --component-colors-utility-warning-utility-warning-50: var(--colors-warning-50); /* @kind color */
  --font-family-font-family-body: "Inter";
  --font-size-text-lg: 18;
  --font-size-text-md: 16;
  --font-size-text-sm: 14;
  --font-weight-regular: "regular";
  --font-weight-semibold: "Semibold";
  --grey-black: rgb(0,0,0); /* @kind color */
  --grey-grey-200: rgb(226,226,226); /* @kind color */
  --grey-grey-500: rgb(117,117,117); /* @kind color */
  --grey-white: rgb(255,255,255); /* @kind color */
  --line-height-text-lg: 28;
  --line-height-text-md: 24;
  --line-height-text-sm: 20;
  --main-text: rgb(0,0,0); /* @kind color */
  --p-12: 12; /* @kind spacing */
  --p-4: 4; /* @kind spacing */
  --primary-color: rgb(0,87,217); /* @kind color */
  --primary: rgb(22,49,114); /* @kind color */
  --primrary-text: rgb(30,30,30); /* @kind color */
  --radius-full: 9999;
  --radius-lg: 10;
  --radius-md: 8;
  --radius-sm: 6;
  --radius-xs: 4;
  --rounded-full: 9999;
  --sec-text-2: rgb(74,74,74); /* @kind color */
  --sec-text: rgb(74,74,74); /* @kind color */
  --secondary-text: rgb(74,74,74); /* @kind color */
  --spacing-0-5-2px: 2;
  --spacing-1-4px: 4;
  --spacing-1-5-6px: 6;
  --spacing-2-8px: 8;
  --spacing-2xl: var(--spacing-5-20px);
  --spacing-3-12px: 12;
  --spacing-3xl: var(--spacing-6-24px);
  --spacing-4-16px: 16;
  --spacing-5-20px: 20;
  --spacing-6-24px: 24;
  --spacing-lg: var(--spacing-3-12px);
  --spacing-md: var(--spacing-2-8px);
  --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);
  --stroke-2: rgb(227,219,219); /* @kind color */
  --stroke: rgb(227,219,219); /* @kind color */
  --white-bg: rgb(255,255,255); /* @kind color */
  --white: rgb(240,240,240); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --colors-background-bg-brand-secondary: var(--colors-brand-600); /* @kind color */
  --colors-background-bg-brand-solid: var(--colors-brand-600); /* @kind color */
  --colors-background-bg-disabled: var(--colors-gray-dark-mode-800); /* @kind color */
  --colors-background-bg-error-secondary: var(--colors-error-600); /* @kind color */
  --colors-background-bg-error-solid: var(--colors-error-600); /* @kind color */
  --colors-background-bg-primary: var(--colors-gray-dark-mode-950); /* @kind color */
  --colors-background-bg-secondary-solid: var(--colors-gray-dark-mode-600); /* @kind color */
  --colors-background-bg-success-secondary: var(--colors-success-600); /* @kind color */
  --colors-background-bg-success-solid: var(--colors-success-600); /* @kind color */
  --colors-background-bg-tertiary: var(--colors-gray-dark-mode-800); /* @kind color */
  --colors-background-bg-warning-secondary: var(--colors-warning-600); /* @kind color */
  --colors-background-bg-warning-solid: var(--colors-warning-600); /* @kind color */
  --colors-border-border-disabled-subtle: var(--colors-gray-dark-mode-800); /* @kind color */
  --colors-effects-focus-rings-focus-ring: var(--colors-brand-500); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(12,14,18,0.18); /* @kind color */
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(12,14,18,0.05); /* @kind color */
  --colors-effects-shadows-shadow-xs: var(--colors-base-transparent); /* @kind color */
  --colors-foreground-fg-disabled-subtle: var(--colors-gray-dark-mode-600); /* @kind color */
  --colors-foreground-fg-disabled: var(--colors-gray-dark-mode-500); /* @kind color */
  --colors-foreground-fg-secondary-700: var(--colors-gray-dark-mode-300); /* @kind color */
  --colors-foreground-fg-success-secondary: var(--colors-success-400); /* @kind color */
  --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-bg-hover: var(--colors-brand-700); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-bg: var(--colors-brand-600); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-fg-hover: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-bg: var(--colors-gray-dark-mode-900); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-border-hover: var(--colors-gray-dark-mode-700); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-border: var(--colors-gray-dark-mode-700); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-fg-hover: var(--colors-gray-dark-mode-100); /* @kind color */
  --component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-gray-dark-mode-300); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-bg: var(--colors-gray-dark-mode-900); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-border-hover: var(--colors-gray-dark-mode-700); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-border: var(--colors-gray-dark-mode-700); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-fg-hover: var(--colors-gray-dark-mode-100); /* @kind color */
  --component-colors-components-buttons-secondary-color-button-secondary-color-fg: var(--colors-gray-dark-mode-300); /* @kind color */
  --component-colors-components-buttons-tertiary-button-tertiary-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */
  --component-colors-components-buttons-tertiary-button-tertiary-fg-hover: var(--colors-gray-dark-mode-200); /* @kind color */
  --component-colors-components-buttons-tertiary-button-tertiary-fg: var(--colors-gray-dark-mode-400); /* @kind color */
  --component-colors-components-buttons-tertiary-color-button-tertiary-color-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */
  --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg-hover: var(--colors-gray-dark-mode-100); /* @kind color */
  --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg: var(--colors-gray-dark-mode-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-dark-featured-icon-dark-fg-error: var(--colors-error-200); /* @kind color */
  --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-gray: var(--colors-gray-dark-mode-200); /* @kind color */
  --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-success: var(--colors-success-200); /* @kind color */
  --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-warning: var(--colors-warning-200); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-brand: var(--colors-brand-200); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-error: var(--colors-error-200); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-gray: var(--colors-gray-dark-mode-200); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-success: var(--colors-success-200); /* @kind color */
  --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-warning: var(--colors-warning-200); /* @kind color */
  --component-colors-components-icons-featured-icons-modern-featured-icon-modern-border: var(--colors-gray-dark-mode-700); /* @kind color */
  --component-colors-utility-brand-utility-brand-200: var(--colors-brand-800); /* @kind color */
  --component-colors-utility-brand-utility-brand-50: var(--colors-brand-950); /* @kind color */
  --component-colors-utility-error-utility-error-200: var(--colors-error-800); /* @kind color */
  --component-colors-utility-error-utility-error-50: var(--colors-error-950); /* @kind color */
  --component-colors-utility-gray-utility-gray-200: var(--colors-gray-dark-mode-700); /* @kind color */
  --component-colors-utility-gray-utility-gray-50: var(--colors-gray-dark-mode-900); /* @kind color */
  --component-colors-utility-success-utility-success-200: var(--colors-success-800); /* @kind color */
  --component-colors-utility-success-utility-success-50: var(--colors-success-950); /* @kind color */
  --component-colors-utility-warning-utility-warning-200: var(--colors-warning-800); /* @kind color */
  --component-colors-utility-warning-utility-warning-50: var(--colors-warning-950); /* @kind color */
  --grey-black: rgb(255,255,255); /* @kind color */
  --grey-grey-200: rgb(84,84,84); /* @kind color */
  --grey-grey-500: rgb(203,203,203); /* @kind color */
  --grey-white: rgb(20,20,20); /* @kind color */
}

:root[data-mode="mode-2"] {
  --white: rgb(39,40,64); /* @kind color */
}