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

:root {
  --accents-blue: rgb(0,136,255); /* @kind color */
  --black-2: rgb(0,0,0); /* @kind color */
  --black-3: var(--black-2); /* @kind color */
  --black-main: rgb(0,0,0); /* @kind color */
  --black-variant: rgb(34,34,34); /* @kind color */
  --black: rgb(0,0,0); /* @kind color */
  --color: var(--white-2); /* @kind color */
  --colors-blue-2: rgb(0,122,255); /* @kind color */
  --colors-blue-3: rgb(0,136,255); /* @kind color */
  --colors-blue: rgb(0,122,255); /* @kind color */
  --dark-grey: rgb(94,94,94); /* @kind color */
  --grey-for-button: rgb(145,145,155); /* @kind color */
  --grey-main: rgb(240,240,244); /* @kind color */
  --grey: rgb(217,217,217); /* @kind color */
  --light-grey-2: rgb(240,240,244); /* @kind color */
  --light-grey: rgb(240,240,244); /* @kind color */
  --medium-grey: rgb(145,145,155); /* @kind color */
  --miscellaneous-floating-tab-text-selected-2: var(--colors-blue); /* @kind color */
  --miscellaneous-floating-tab-text-selected: var(--colors-blue); /* @kind color */
  --miscellaneous-tab-bar-selection: var(--colors-blue-3); /* @kind color */
  --red-2: rgb(235,66,61); /* @kind color */
  --red: rgb(235,66,61); /* @kind color */
  --space-200: 8;
  --space-600: 24;
  --white-2: rgb(255,255,255); /* @kind color */
  --white-main: rgb(255,255,255); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --accents-blue: rgb(0,145,255); /* @kind color */
  --accents-blue: rgb(92,184,255); /* @kind color */
  --colors-blue-2: rgb(10,132,255); /* @kind color */
  --colors-blue-2: rgb(10,132,255); /* @kind color */
  --colors-blue-2: rgb(64,156,255); /* @kind color */
  --colors-blue-2: rgb(64,156,255); /* @kind color */
  --colors-blue-3: rgb(0,145,255); /* @kind color */
  --colors-blue-3: rgb(92,184,255); /* @kind color */
  --colors-blue: rgb(10,132,255); /* @kind color */
  --colors-blue: rgb(10,132,255); /* @kind color */
  --miscellaneous-floating-tab-text-selected-2: rgb(255,255,255); /* @kind color */
  --miscellaneous-floating-tab-text-selected-2: rgb(255,255,255); /* @kind color */
  --miscellaneous-floating-tab-text-selected-2: rgb(255,255,255); /* @kind color */
  --miscellaneous-floating-tab-text-selected-2: rgb(255,255,255); /* @kind color */
  --miscellaneous-floating-tab-text-selected: rgb(255,255,255); /* @kind color */
  --miscellaneous-floating-tab-text-selected: rgb(255,255,255); /* @kind color */
  --miscellaneous-tab-bar-selection: rgb(255,255,255); /* @kind color */
  --miscellaneous-tab-bar-selection: rgb(255,255,255); /* @kind color */
}

:root[data-theme="light"], .light {
  --accents-blue: rgb(30,110,244); /* @kind color */
  --colors-blue-2: rgb(0,64,221); /* @kind color */
  --colors-blue-3: rgb(30,110,244); /* @kind color */
  --miscellaneous-floating-tab-text-selected-2: var(--colors-blue); /* @kind color */
  --miscellaneous-tab-bar-selection: var(--colors-blue-3); /* @kind color */
}