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

:root {
  --12: 12; /* @kind other */
  --bacground-weak-50: var(--neutral-50); /* @kind color */
  --bacground-white-0: var(--neutral-25); /* @kind color */
  --black: rgb(5,5,5); /* @kind color */
  --border-dark: rgba(22,35,27,0.16); /* @kind color */
  --color-dark-500: rgb(12,7,4); /* @kind color */
  --color-gray-100: rgb(245,245,244); /* @kind color */
  --color-netural-white: rgb(255,255,255); /* @kind color */
  --icon-soft-400-2: var(--neutral-400-2); /* @kind color */
  --icon-soft-400: var(--neutral-400); /* @kind color */
  --icon-strong-950: var(--neutral-950); /* @kind color */
  --icon-white-0: var(--neutral-25); /* @kind color */
  --light-2: rgb(249,245,235); /* @kind color */
  --light: rgb(248,247,245); /* @kind color */
  --neutral-200: rgb(225,228,234); /* @kind color */
  --neutral-25: rgb(255,255,255); /* @kind color */
  --neutral-400-2: rgb(153,160,174); /* @kind color */
  --neutral-400: rgb(153,160,174); /* @kind color */
  --neutral-500: rgb(113,119,132); /* @kind color */
  --neutral-50: rgb(245,247,250); /* @kind color */
  --neutral-950: rgb(14,18,27); /* @kind color */
  --other-gap-11: 24;
  --other-gap-7: 12;
  --other-gap-9: 16;
  --p-text-color: rgb(106,117,127); /* @kind color */
  --radius-xs: 8;
  --spacing-8xl: 120;
  --spacing-lg: 16;
  --spacing-md: 12;
  --spacing-xl: 24;
  --stroke-soft-200: var(--neutral-200); /* @kind color */
  --text-strong-950: var(--neutral-950); /* @kind color */
  --text-sub-500: var(--neutral-500); /* @kind color */
}

:root[data-mode="mode"] {
  --icon-soft-400: var(--neutral-400); /* @kind color */
}