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

:root {
  --colors-background-bg-primary-alt: var(--colors-base-white); /* @kind color */
  --colors-background-bg-secondary: var(--colors-neutral-50); /* @kind color */
  --colors-base-transparent: rgba(255,255,255,0); /* @kind color */
  --colors-base-white: rgb(255,255,255); /* @kind color */
  --colors-border-border-primary: var(--colors-neutral-300); /* @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-neutral-300: rgb(212,212,212); /* @kind color */
  --colors-neutral-50: rgb(250,250,250); /* @kind color */
  --colors-neutral-700: rgb(64,64,64); /* @kind color */
  --colors-neutral-900: rgb(23,23,23); /* @kind color */
  --font-size-text-sm: 14;
  --radius-none: 0;
}

:root[data-theme="dark"], .dark {
  --colors-background-bg-primary-alt: var(--colors-background-bg-secondary); /* @kind color */
  --colors-background-bg-secondary: var(--colors-neutral-900); /* @kind color */
  --colors-border-border-primary: var(--colors-neutral-700); /* @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 */
}