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

:root {
  --background-color-primary: var(--color-neutral-white-3); /* @kind color */
  --background-color-secondary: var(--color-neutral-neutral-lightest); /* @kind color */
  --background-color-tertiary: var(--color-neutral-neutral-dark); /* @kind color */
  --backgrounds-secondary: rgb(242,242,247); /* @kind color */
  --border-alternate: var(--color-neutral-white); /* @kind color */
  --border-primary: var(--color-neutral-black); /* @kind color */
  --carbon-black: rgb(24,24,24); /* @kind color */
  --color-neutral-black-2: rgb(0,0,0); /* @kind color */
  --color-neutral-black: rgb(0,0,0); /* @kind color */
  --color-neutral-neutral-dark: rgb(68,68,68); /* @kind color */
  --color-neutral-neutral-lighter: rgb(204,204,204); /* @kind color */
  --color-neutral-neutral-lightest: rgb(238,238,238); /* @kind color */
  --color-neutral-white-2: rgb(255,255,255); /* @kind color */
  --color-neutral-white-3: rgb(255,255,255); /* @kind color */
  --color-neutral-white: rgb(255,255,255); /* @kind color */
  --dust-grey: rgb(216,216,216); /* @kind color */
  --flag-red: rgb(206,32,41); /* @kind color */
  --graphite: rgb(51,51,51); /* @kind color */
  --link-primary: var(--color-neutral-black-2); /* @kind color */
  --platinum: rgb(239,239,239); /* @kind color */
  --silver: rgb(194,194,194); /* @kind color */
  --text-alternate: var(--color-neutral-white-2); /* @kind color */
  --text-primary: var(--color-neutral-black); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --backgrounds-secondary: rgb(28,28,30); /* @kind color */
  --backgrounds-secondary: rgb(36,36,38); /* @kind color */
}

:root[data-theme="light"], .light {
  --backgrounds-secondary: rgb(235,235,239); /* @kind color */
}