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

:root {
  --accents-blue: rgb(0,136,255); /* @kind color */
  --accents-indigo: rgb(97,85,245); /* @kind color */
  --accents-orange: rgb(255,141,40); /* @kind color */
  --alpha-dark-300: rgba(255,255,255,0.28); /* @kind color */
  --alpha-dark-500: rgba(255,255,255,0.48); /* @kind color */
  --alpha-light-300: rgba(26,26,26,0.28); /* @kind color */
  --alpha-light-500: rgba(26,26,26,0.48); /* @kind color */
  --b-w-black-2: rgb(0,0,0); /* @kind color */
  --b-w-black: rgb(0,0,0); /* @kind color */
  --b-w-white: rgb(255,255,255); /* @kind color */
  --background: rgb(246,242,234); /* @kind color */
  --bg-overlay-alpha-secondary: var(--alpha-light-500); /* @kind color */
  --bg-overlay-alpha-white-primary: var(--alpha-dark-300); /* @kind color */
  --bg-primary: var(--b-w-white); /* @kind color */
  --bg-table-hover: rgb(248,248,248); /* @kind color */
  --black-market-20: rgba(28,33,67,0.2); /* @kind color */
  --black: rgb(0,0,0); /* @kind color */
  --border: rgb(234,226,209); /* @kind color */
  --colors-blue: rgb(0,136,255); /* @kind color */
  --colors-indigo: rgb(97,85,245); /* @kind color */
  --component-fill-2: rgb(245,245,245); /* @kind color */
  --component-fill: rgb(245,245,245); /* @kind color */
  --component-stroke-2: var(--colors-indigo); /* @kind color */
  --component-stroke: var(--accents-indigo); /* @kind color */
  --darker-marshmallow: rgb(203,196,180); /* @kind color */
  --error-light: rgb(255,227,227); /* @kind color */
  --error: rgb(226,16,16); /* @kind color */
  --fills-secondary: rgba(120,120,128,0.16); /* @kind color */
  --gray: rgb(234,236,240); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --green-dark: rgb(2,122,72); /* @kind color */
  --green-light: rgb(214,255,231); /* @kind color */
  --icon-primary: var(--slate-900); /* @kind color */
  --icon-secondary: var(--slate-600); /* @kind color */
  --labels-primary-2: rgb(0,0,0); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --mode: "Light"; /* @kind other */
  --orange-200: rgb(249,219,175); /* @kind color */
  --orange-600: rgb(224,79,22); /* @kind color */
  --orange-dark: rgb(122,98,2); /* @kind color */
  --orange-light: rgb(255,245,214); /* @kind color */
  --separators-vibrant: rgb(230,230,230); /* @kind color */
  --slate-100: rgb(241,245,249); /* @kind color */
  --slate-400: rgb(148,163,184); /* @kind color */
  --slate-600: rgb(71,85,105); /* @kind color */
  --slate-900: rgb(15,23,42); /* @kind color */
  --subcomponent-fill: rgb(170,170,170); /* @kind color */
  --subcomponent-stroke: rgba(0,0,0,0.4); /* @kind color */
  --table-header-bg: rgb(244,244,244); /* @kind color */
  --text-gray: rgb(167,165,165); /* @kind color */
  --white-20: rgba(255,255,255,0.2); /* @kind color */
  --white-60: rgba(255,255,255,0.6); /* @kind color */
  --white-68: rgba(255,255,255,0.68); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --accents-blue: rgb(0,145,255); /* @kind color */
  --accents-blue: rgb(92,184,255); /* @kind color */
  --accents-indigo: rgb(109,124,255); /* @kind color */
  --accents-indigo: rgb(167,170,255); /* @kind color */
  --accents-orange: rgb(255,146,48); /* @kind color */
  --accents-orange: rgb(255,160,86); /* @kind color */
  --bg-overlay-alpha-secondary: var(--alpha-dark-500); /* @kind color */
  --bg-overlay-alpha-white-primary: var(--alpha-light-300); /* @kind color */
  --bg-primary: var(--b-w-black); /* @kind color */
  --colors-blue: rgb(0,145,255); /* @kind color */
  --colors-blue: rgb(92,184,255); /* @kind color */
  --colors-indigo: rgb(107,93,255); /* @kind color */
  --colors-indigo: rgb(167,170,255); /* @kind color */
  --fills-secondary: rgba(120,120,128,0.32); /* @kind color */
  --fills-secondary: rgba(120,120,128,0.4); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --icon-primary: var(--slate-100); /* @kind color */
  --icon-secondary: var(--slate-400); /* @kind color */
  --labels-primary-2: rgb(255,255,255); /* @kind color */
  --labels-primary-2: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --mode: "Dark"; /* @kind other */
  --mode: "IC - Dark"; /* @kind other */
  --separators-vibrant: rgb(26,26,26); /* @kind color */
  --separators-vibrant: rgb(26,26,26); /* @kind color */
}

:root[data-theme="light"], .light {
  --accents-blue: rgb(30,110,244); /* @kind color */
  --accents-indigo: rgb(86,74,222); /* @kind color */
  --accents-orange: rgb(197,83,0); /* @kind color */
  --colors-blue: rgb(30,110,244); /* @kind color */
  --colors-indigo: rgb(86,74,222); /* @kind color */
  --fills-secondary: rgba(120,120,128,0.24); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --labels-primary-2: rgb(0,0,0); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --mode: "IC - Light"; /* @kind other */
  --separators-vibrant: rgb(230,230,230); /* @kind color */
}