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

:root {
  --1: rgb(255,255,255); /* @kind color */
  --2: rgba(255,255,255,0.8); /* @kind color */
  --3: rgb(220,227,234); /* @kind color */
  --bg-default: rgb(255,255,255); /* @kind color */
  --bg-gray50: rgb(128,128,128); /* @kind color */
  --bg-pointgreen: rgb(125,138,103); /* @kind color */
  --bg-pointred: rgb(200,82,75); /* @kind color */
  --bg-pointyellow: rgb(229,172,23); /* @kind color */
  --bg-primary-2: rgb(254,253,245); /* @kind color */
  --bg-primary: rgb(254,253,245); /* @kind color */
  --bg-secondary-2: rgb(229,227,216); /* @kind color */
  --bg-secondary: rgb(229,227,216); /* @kind color */
  --bg-tertiary-2: rgb(244,242,232); /* @kind color */
  --bg-tertiary: rgb(244,242,232); /* @kind color */
  --bg-weak-50: rgb(245,245,245); /* @kind color */
  --bg-white-0: rgb(255,255,255); /* @kind color */
  --border-active: rgb(158,154,143); /* @kind color */
  --border-default-2: rgb(229,227,216); /* @kind color */
  --border-default: rgb(229,227,216); /* @kind color */
  --border-inverse: rgb(255,255,255); /* @kind color */
  --border-shadow: rgb(248,246,233); /* @kind color */
  --border-strong-2: rgb(23,22,20); /* @kind color */
  --border-strong: rgb(23,22,20); /* @kind color */
  --brand-bg: rgb(249,236,229); /* @kind color */
  --brand-primary-2: rgb(190,128,100); /* @kind color */
  --brand-primary: rgb(190,128,100); /* @kind color */
  --color0: rgb(15,76,129); /* @kind color */
  --color2: rgb(36,36,36); /* @kind color */
  --color3: rgb(128,128,128); /* @kind color */
  --color4: rgb(220,227,234); /* @kind color */
  --color5: rgb(242,244,246); /* @kind color */
  --corner-radius-full: 9999;
  --global-grey-100: rgb(19,18,20); /* @kind color */
  --global-grey-20: rgb(230,233,235); /* @kind color */
  --global-grey-80: rgb(47,49,51); /* @kind color */
  --global-white: rgb(255,255,255); /* @kind color */
  --gray01-2: rgb(249,249,249); /* @kind color */
  --gray01: rgb(249,249,249); /* @kind color */
  --gray02: rgb(242,244,246); /* @kind color */
  --gray03: rgb(220,227,234); /* @kind color */
  --gray04-2: rgb(128,128,128); /* @kind color */
  --gray04: rgb(128,128,128); /* @kind color */
  --gray05: rgb(66,66,66); /* @kind color */
  --gray06-2: rgb(36,36,36); /* @kind color */
  --gray06-3: rgb(36,36,36); /* @kind color */
  --gray06: rgb(36,36,36); /* @kind color */
  --icon-active-2: rgb(190,128,100); /* @kind color */
  --icon-active: rgb(190,128,100); /* @kind color */
  --icon-default-2: rgb(23,22,20); /* @kind color */
  --icon-default: rgb(23,22,20); /* @kind color */
  --icon-disabled-2: rgb(158,154,143); /* @kind color */
  --icon-disabled: rgb(158,154,143); /* @kind color */
  --icon-inverse: rgb(255,255,255); /* @kind color */
  --icon-point: rgb(200,82,75); /* @kind color */
  --icon-pointgreen: rgb(125,138,103); /* @kind color */
  --icon-pointred: rgb(200,82,75); /* @kind color */
  --icon-pointyellow: rgb(229,172,23); /* @kind color */
  --icon-secondary: rgb(75,73,67); /* @kind color */
  --icon-subtle-2: rgb(128,128,128); /* @kind color */
  --icon-subtle: rgb(128,128,128); /* @kind color */
  --label-secondary: rgba(60,60,67,0.6); /* @kind color */
  --listing-margin: 20;
  --main001: rgb(45,38,92); /* @kind color */
  --screen-width: 430; /* @kind other */
  --semantic-accent-on-accent: var(--global-white); /* @kind color */
  --semantic-bg-canvas: var(--global-white); /* @kind color */
  --semantic-bg-muted: var(--global-grey-20); /* @kind color */
  --semantic-fg-base: var(--global-grey-100); /* @kind color */
  --semantic-fg-static-light: var(--global-white); /* @kind color */
  --stroke-soft-200: rgb(242,242,242); /* @kind color */
  --system-error-2: rgb(200,82,75); /* @kind color */
  --system-error: rgb(200,82,75); /* @kind color */
  --system-grey3: rgb(199,199,204); /* @kind color */
  --system-success: rgb(74,122,86); /* @kind color */
  --system-warning: rgb(224,152,78); /* @kind color */
  --text-disabled-2: rgb(158,154,143); /* @kind color */
  --text-disabled: rgb(158,154,143); /* @kind color */
  --text-inverse-2: rgb(255,255,255); /* @kind color */
  --text-inverse: rgb(255,255,255); /* @kind color */
  --text-point: rgb(200,82,75); /* @kind color */
  --text-pointgreen: rgb(125,138,103); /* @kind color */
  --text-pointred: rgb(200,82,75); /* @kind color */
  --text-pointyellow: rgb(229,172,23); /* @kind color */
  --text-primary-2: rgb(23,22,20); /* @kind color */
  --text-primary: rgb(23,22,20); /* @kind color */
  --text-secondary-2: rgb(75,73,67); /* @kind color */
  --text-secondary: rgb(75,73,67); /* @kind color */
  --text-strong-950: rgb(14,18,27); /* @kind color */
  --text-tertiary-2: rgb(128,128,128); /* @kind color */
  --text-tertiary: rgb(128,128,128); /* @kind color */
  --token-2: rgb(84,84,84); /* @kind color */
  --token-3: rgb(24,24,24); /* @kind color */
  --token-4: rgb(220,227,234); /* @kind color */
  --token: rgb(84,84,84); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --bg-default: rgb(0,0,0); /* @kind color */
  --bg-gray50: rgb(128,128,128); /* @kind color */
  --bg-pointgreen: rgb(125,138,103); /* @kind color */
  --bg-pointred: rgb(200,82,75); /* @kind color */
  --bg-pointyellow: rgb(229,172,23); /* @kind color */
  --bg-primary-2: rgb(22,22,22); /* @kind color */
  --bg-secondary-2: rgb(74,72,68); /* @kind color */
  --bg-tertiary-2: rgb(40,39,36); /* @kind color */
  --bg-weak-50: rgb(34,35,38); /* @kind color */
  --bg-white-0: rgb(24,25,27); /* @kind color */
  --border-active: rgb(249,236,229); /* @kind color */
  --border-default-2: rgb(75,73,67); /* @kind color */
  --border-inverse: rgb(255,255,255); /* @kind color */
  --border-shadow: rgb(35,33,30); /* @kind color */
  --border-strong-2: rgb(254,253,245); /* @kind color */
  --brand-bg: rgb(190,128,100); /* @kind color */
  --brand-primary-2: rgb(190,128,100); /* @kind color */
  --color0: rgb(15,76,129); /* @kind color */
  --color2: rgb(36,36,36); /* @kind color */
  --color3: rgb(128,128,128); /* @kind color */
  --color4: rgb(220,227,234); /* @kind color */
  --color5: rgb(242,244,246); /* @kind color */
  --corner-radius-full: 9999;
  --global-grey-100: rgb(19,18,20); /* @kind color */
  --global-grey-20: rgb(230,233,235); /* @kind color */
  --global-grey-80: rgb(47,49,51); /* @kind color */
  --global-white: rgb(255,255,255); /* @kind color */
  --icon-active-2: rgb(249,236,229); /* @kind color */
  --icon-default-2: rgb(254,253,245); /* @kind color */
  --icon-disabled-2: rgb(135,129,115); /* @kind color */
  --icon-inverse: rgb(255,255,255); /* @kind color */
  --icon-pointgreen: rgb(125,138,103); /* @kind color */
  --icon-pointred: rgb(200,82,75); /* @kind color */
  --icon-pointyellow: rgb(229,172,23); /* @kind color */
  --icon-secondary: rgb(229,227,216); /* @kind color */
  --icon-subtle-2: rgb(118,113,103); /* @kind color */
  --label-secondary: rgba(235,235,245,0.6); /* @kind color */
  --semantic-accent-on-accent: var(--global-white); /* @kind color */
  --semantic-bg-canvas: var(--global-grey-100); /* @kind color */
  --semantic-bg-muted: var(--global-grey-80); /* @kind color */
  --semantic-fg-base: var(--global-white); /* @kind color */
  --semantic-fg-static-light: var(--global-white); /* @kind color */
  --stroke-soft-200: rgba(114,114,114,0.28); /* @kind color */
  --system-error-2: rgb(200,82,75); /* @kind color */
  --system-grey3: rgb(70,70,73); /* @kind color */
  --system-success: rgb(74,122,86); /* @kind color */
  --system-warning: rgb(224,152,78); /* @kind color */
  --text-disabled-2: rgb(135,129,115); /* @kind color */
  --text-inverse-2: rgb(255,255,255); /* @kind color */
  --text-pointgreen: rgb(125,138,103); /* @kind color */
  --text-pointred: rgb(200,82,75); /* @kind color */
  --text-pointyellow: rgb(229,172,23); /* @kind color */
  --text-primary-2: rgb(254,253,245); /* @kind color */
  --text-secondary-2: rgb(229,227,216); /* @kind color */
  --text-strong-950: rgb(255,255,255); /* @kind color */
  --text-tertiary-2: rgb(158,154,143); /* @kind color */
}

:root[data-mode="15-pro"] {
  --listing-margin: 16;
  --screen-width: 393; /* @kind other */
}