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

:root {
  --background-light-gray: rgb(246,246,246); /* @kind color */
  --bg-card-green: rgb(242,251,243); /* @kind color */
  --bg-card-red: rgb(255,245,245); /* @kind color */
  --bg-color: rgb(255,255,255); /* @kind color */
  --bg-consistent: rgb(253,236,241); /* @kind color */
  --bg-disabled: rgb(241,243,245); /* @kind color */
  --bg-fast-mover: rgb(255,247,230); /* @kind color */
  --bg-specialist: rgb(234,239,253); /* @kind color */
  --bg-violet: rgb(236,236,250); /* @kind color */
  --body-font-family: var(--family-sans);
  --body-font-weight-regular: var(--weight-regular);
  --border-border-light: rgba(0,0,0,0.1); /* @kind color */
  --border-gray: rgb(187,187,187); /* @kind color */
  --border-violet: rgba(73,71,196,0.4); /* @kind color */
  --corner-small: 8;
  --cyan: rgb(50,173,230); /* @kind color */
  --dark-action: rgb(211,211,211); /* @kind color */
  --dark-alt: rgb(147,147,147); /* @kind color */
  --dark-ink: rgb(255,255,255); /* @kind color */
  --dark-primary: rgb(100,100,100); /* @kind color */
  --dark-purple: rgb(22,28,73); /* @kind color */
  --dark-secondary: rgb(63,63,63); /* @kind color */
  --dust: rgb(210,123,83); /* @kind color */
  --family-sans: "Inter";
  --green: rgb(46,125,50); /* @kind color */
  --input-label: rgb(144,144,144); /* @kind color */
  --labels-tertiary: rgba(60,60,67,0.3); /* @kind color */
  --light-action: rgb(15,119,240); /* @kind color */
  --light-alt: rgb(80,85,92); /* @kind color */
  --light-gray: rgb(213,214,214); /* @kind color */
  --light-green: rgb(242,251,243); /* @kind color */
  --light-ink: rgb(0,0,0); /* @kind color */
  --light-primary: rgb(255,255,255); /* @kind color */
  --light-red: rgb(255,245,245); /* @kind color */
  --light-secondary: rgb(174,179,190); /* @kind color */
  --light-violet: rgb(230,235,248); /* @kind color */
  --offwhite-0: rgba(250,250,250,0); /* @kind color */
  --offwhite-95: rgba(250,250,250,0.95); /* @kind color */
  --offwhite: rgb(250,250,250); /* @kind color */
  --outline-border: rgb(123,97,255); /* @kind color */
  --outline-fill: rgba(123,97,255,0.1); /* @kind color */
  --periwinkle: rgb(123,139,255); /* @kind color */
  --primary-10: rgba(17,17,17,0.1); /* @kind color */
  --primary-16: rgba(17,17,17,0.16); /* @kind color */
  --primary-25: rgba(0,0,0,0.2); /* @kind color */
  --primary-3: rgba(17,17,17,0.03); /* @kind color */
  --primary-40: rgba(17,17,17,0.4); /* @kind color */
  --primary-60: rgba(17,17,17,0.6); /* @kind color */
  --primary: rgb(17,17,17); /* @kind color */
  --progress-green: rgb(34,197,94); /* @kind color */
  --red: rgb(211,47,47); /* @kind color */
  --selector-highlight: rgb(213,214,214); /* @kind color */
  --text-consistent: rgb(217,70,114); /* @kind color */
  --text-disabled: rgb(160,164,168); /* @kind color */
  --text-fast-mover: rgb(209,138,0); /* @kind color */
  --text-feedback-headings: rgb(136,136,136); /* @kind color */
  --text-green: rgb(46,125,50); /* @kind color */
  --text-incorrect: rgb(211,47,47); /* @kind color */
  --text-red: rgb(211,47,47); /* @kind color */
  --text-secondary: rgba(17,17,17,0.6); /* @kind color */
  --text-specialist: rgb(79,101,216); /* @kind color */
  --text-violet: rgb(73,71,196); /* @kind color */
  --text-yellow: rgb(234,179,8); /* @kind color */
  --violet-2: rgb(116,118,217); /* @kind color */
  --violet-3: rgb(168,169,235); /* @kind color */
  --weight-regular: 400;
}

:root[data-theme="dark"], .dark {
  --labels-tertiary: rgba(235,235,245,0.3); /* @kind color */
  --labels-tertiary: rgba(235,235,245,0.3); /* @kind color */
  --labels-tertiary: rgba(235,235,245,0.55); /* @kind color */
  --labels-tertiary: rgba(235,235,245,0.55); /* @kind color */
}

:root[data-theme="light"], .light {
  --labels-tertiary: rgba(60,60,67,0.7); /* @kind color */
}