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

:root {
  --bg-accent-hover: var(--blue-800); /* @kind color */
  --bg-accent-inverse: var(--black-900); /* @kind color */
  --bg-accent: var(--blue-main-2); /* @kind color */
  --bg-disabled: var(--grey-400); /* @kind color */
  --bg-primary-inverce: var(--black-main-2); /* @kind color */
  --bg-primary-subdued: var(--blue-400); /* @kind color */
  --bg-primary: var(--grey-200-2); /* @kind color */
  --bg-secondary-2: var(--white-main-2); /* @kind color */
  --bg-secondary: var(--white-800); /* @kind color */
  --bg-tabbar: var(--black-main); /* @kind color */
  --black-900: rgb(25,33,28); /* @kind color */
  --black-main-2: rgb(20,26,33); /* @kind color */
  --black-main-3: rgb(24,24,24); /* @kind color */
  --black-main-4: rgb(1,1,1); /* @kind color */
  --black-main: rgb(13,13,13); /* @kind color */
  --blue-400: rgb(234,240,255); /* @kind color */
  --blue-600: rgb(173,192,246); /* @kind color */
  --blue-800: rgb(27,84,235); /* @kind color */
  --blue-main-2: rgb(47,104,255); /* @kind color */
  --blue-main: rgb(49,133,252); /* @kind color */
  --border-accent: var(--blue-main-2); /* @kind color */
  --border-primary: var(--text-secondary-subdued); /* @kind color */
  --border-secondary: var(--grey-200-2); /* @kind color */
  --chat-in-cont-surf: rgb(255,255,255); /* @kind color */
  --chat-in-cont-txt: var(--txt-primary); /* @kind color */
  --chat-in-label-txt: var(--txt-secondary); /* @kind color */
  --chat-out-cont-surf: rgb(225,254,198); /* @kind color */
  --chat-out-cont-txt: var(--txt-primary); /* @kind color */
  --chat-out-label-txt: var(--txt-brand); /* @kind color */
  --color-cream: rgb(251,248,243); /* @kind color */
  --color-green-08: rgba(18,51,42,0.08); /* @kind color */
  --color-green-14: rgba(18,51,42,0.14); /* @kind color */
  --color-green-64: rgba(18,51,42,0.64); /* @kind color */
  --color-green-80: rgba(18,51,42,0.8); /* @kind color */
  --color-green: rgb(18,51,42); /* @kind color */
  --color-on-dark-18: rgba(251,248,243,0.18); /* @kind color */
  --color-on-dark-70: rgba(251,248,243,0.7); /* @kind color */
  --color-sand: rgb(223,179,128); /* @kind color */
  --color-terra: rgb(250,126,61); /* @kind color */
  --color-white: rgb(255,255,255); /* @kind color */
  --green-800: rgb(172,223,196); /* @kind color */
  --green-main: rgb(11,149,103); /* @kind color */
  --grey-200-2: rgb(245,247,251); /* @kind color */
  --grey-200: rgb(247,243,237); /* @kind color */
  --grey-400: rgb(163,168,173); /* @kind color */
  --grey-500: rgb(125,141,161); /* @kind color */
  --grey-600: rgb(158,175,196); /* @kind color */
  --grey-700: rgb(117,124,133); /* @kind color */
  --grey-800: rgb(93,95,106); /* @kind color */
  --grey-main: rgb(93,95,106); /* @kind color */
  --icon-accent: var(--blue-main-2); /* @kind color */
  --icon-in-bg: var(--txt-highlight); /* @kind color */
  --icon-in-txt: rgb(255,255,255); /* @kind color */
  --icon-out-bg: rgb(95,190,103); /* @kind color */
  --icon-out-txt: rgb(239,253,222); /* @kind color */
  --icon-primary-2: var(--black-main-2); /* @kind color */
  --icon-primary-3: var(--black-main-3); /* @kind color */
  --icon-primary-4: var(--black-main-4); /* @kind color */
  --icon-primary-inverse: var(--white-main-2); /* @kind color */
  --icon-primary: var(--white-main); /* @kind color */
  --icon-secondary-2: var(--grey-main); /* @kind color */
  --icon-secondary-subdued: var(--grey-500); /* @kind color */
  --icon-secondary: var(--black-main); /* @kind color */
  --icon-success: var(--green-main); /* @kind color */
  --orange: rgb(241,115,0); /* @kind color */
  --red: rgb(255,134,134); /* @kind color */
  --text-accent: var(--blue-main-2); /* @kind color */
  --text-disabled: var(--grey-700); /* @kind color */
  --text-primary-2: var(--black-main-2); /* @kind color */
  --text-primary-inverse-2: var(--white-main-4); /* @kind color */
  --text-primary-inverse-subdued: var(--grey-200-2); /* @kind color */
  --text-primary-inverse: var(--white-main-2); /* @kind color */
  --text-primary: var(--black-main); /* @kind color */
  --text-secondary-subdued: var(--grey-800); /* @kind color */
  --text-secondary: var(--grey-800); /* @kind color */
  --txt-brand: rgb(62,170,60); /* @kind color */
  --txt-highlight: rgb(75,163,226); /* @kind color */
  --txt-primary: rgb(0,0,0); /* @kind color */
  --txt-secondary: rgb(141,141,143); /* @kind color */
  --white-800: rgb(253,253,251); /* @kind color */
  --white-main-2: rgb(255,255,255); /* @kind color */
  --white-main-3: rgb(255,255,255); /* @kind color */
  --white-main-4: rgb(255,255,255); /* @kind color */
  --white-main: rgb(255,255,255); /* @kind color */
  --x-2: 4; /* @kind spacing */
  --x-3: 4; /* @kind spacing */
  --x10-2: 40; /* @kind spacing */
  --x10-3: 40; /* @kind spacing */
  --x10: 40; /* @kind spacing */
  --x2-2: 8; /* @kind spacing */
  --x2: 8; /* @kind spacing */
  --x3-2: 12; /* @kind spacing */
  --x3: 12; /* @kind spacing */
  --x4-2: 16; /* @kind spacing */
  --x4-3: 16; /* @kind spacing */
  --x4-4: 16; /* @kind spacing */
  --x4: 16; /* @kind spacing */
  --x5-2: 20; /* @kind spacing */
  --x5: 20; /* @kind spacing */
  --x6-2: 24; /* @kind spacing */
  --x6-3: 24; /* @kind spacing */
  --x6: 24; /* @kind spacing */
  --x8-2: 32; /* @kind spacing */
  --x8: 32; /* @kind spacing */
  --x: 4; /* @kind spacing */
  --yellow: rgb(255,219,101); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --chat-in-cont-surf: rgb(38,38,40); /* @kind color */
  --chat-in-cont-txt: var(--txt-primary); /* @kind color */
  --chat-in-label-txt: var(--txt-secondary); /* @kind color */
  --chat-out-cont-surf: rgb(54,54,56); /* @kind color */
  --chat-out-cont-txt: var(--txt-primary); /* @kind color */
  --chat-out-label-txt: var(--txt-secondary); /* @kind color */
  --icon-in-bg: rgb(135,116,225); /* @kind color */
  --icon-in-txt: rgb(255,255,255); /* @kind color */
  --icon-out-bg: rgb(135,116,225); /* @kind color */
  --icon-out-txt: rgb(255,255,255); /* @kind color */
  --icon-primary-3: var(--white-main-3); /* @kind color */
  --txt-brand: rgb(225,254,198); /* @kind color */
  --txt-highlight: rgb(135,116,225); /* @kind color */
  --txt-primary: rgb(255,255,255); /* @kind color */
  --txt-secondary: rgb(141,141,143); /* @kind color */
}