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

:root {
  --base-black: rgb(26,26,26); /* @kind color */
  --border-border-primary: var(--neutral-200); /* @kind color */
  --general-black: rgb(26,26,26); /* @kind color */
  --general-white: rgb(255,255,255); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --neutral-000: rgb(255,255,255); /* @kind color */
  --neutral-100: rgb(240,240,240); /* @kind color */
  --neutral-200-2: rgb(217,217,217); /* @kind color */
  --neutral-200: rgb(234,236,240); /* @kind color */
  --neutral-300: rgb(140,140,140); /* @kind color */
  --neutral-400-2: rgb(152,162,179); /* @kind color */
  --neutral-400-3: rgb(89,89,89); /* @kind color */
  --neutral-400: rgb(152,162,179); /* @kind color */
  --neutral-500: rgb(0,0,0); /* @kind color */
  --surface-surface-white: var(--general-white); /* @kind color */
  --text-text-primary-2: var(--base-black); /* @kind color */
  --text-text-primary: var(--general-black); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --grays-white: rgb(255,255,255); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
}

:root[data-theme="light"], .light {
  --grays-white: rgb(255,255,255); /* @kind color */
}