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

:root {
  --backgrounds-primary: rgb(255,255,255); /* @kind color */
  --colors-alpha-white-alpha-white600: rgba(255,255,255,0.3); /* @kind color */
  --colors-alpha-white-alpha-white800: rgba(255,255,255,0.1); /* @kind color */
  --colors-alpha-white-alpha-white900: rgba(255,255,255,0.05); /* @kind color */
  --colors-base-black-base20: rgb(0,0,0); /* @kind color */
  --colors-base-white-base01: rgb(255,255,255); /* @kind color */
  --colors-gray-gray100-base05: rgb(235,235,235); /* @kind color */
  --colors-gray-gray150-base06: rgb(224,224,224); /* @kind color */
  --colors-gray-gray200-base07: rgb(214,214,214); /* @kind color */
  --colors-gray-gray25-base02: rgb(250,250,250); /* @kind color */
  --colors-gray-gray250-base08: rgb(204,204,204); /* @kind color */
  --colors-gray-gray300-base09: rgb(194,194,194); /* @kind color */
  --colors-gray-gray350-base10: rgb(184,184,184); /* @kind color */
  --colors-gray-gray400-base11: rgb(163,163,163); /* @kind color */
  --colors-gray-gray500-base12: rgb(143,143,143); /* @kind color */
  --colors-gray-gray600-base13: rgb(122,122,122); /* @kind color */
  --colors-gray-gray700-base14: rgb(102,102,102); /* @kind color */
  --colors-gray-gray800-base15: rgb(82,82,82); /* @kind color */
  --colors-gray-gray900-base16: rgb(61,61,61); /* @kind color */
  --colors-gray-gray915-special: rgb(45,45,45); /* @kind color */
  --colors-gray-gray925-base17: rgb(41,41,41); /* @kind color */
  --colors-gray-gray950-base18: rgb(20,20,20); /* @kind color */
  --colors-gray-gray975-base19: rgb(10,10,10); /* @kind color */
  --colors-pink-variants-pink-dark-bg-pink-dark-dark300: rgb(213,114,133); /* @kind color */
  --colors-pink-variants-pink-dark-bg-pink-dark300: rgb(223,42,78); /* @kind color */
  --colors-pink-variants-pink-dark-bg-pink-dark400: rgb(193,31,64); /* @kind color */
  --colors-pink-variants-pink-dark-bg-pink-dark600: rgb(137,26,48); /* @kind color */
  --colors-success-bg-success-dark400: rgb(47,188,112); /* @kind color */
  --colors-success-bg-success500: rgb(20,164,87); /* @kind color */
  --colors-success-bg-success600: rgb(20,144,77); /* @kind color */
  --colors-text-text-secondary-800: var(--colors-gray-gray800-base15); /* @kind color */
  --colors-text-text-success-primary: var(--colors-success-bg-success600); /* @kind color */
  --colors-text-text-tertiary-500: var(--colors-gray-gray500-base12); /* @kind color */
  --component-colors-alpha-black-alpha-black-100: var(--colors-base-black-base20); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --backgrounds-primary: rgb(0,0,0); /* @kind color */
  --backgrounds-primary: rgb(0,0,0); /* @kind color */
  --backgrounds-primary: rgb(28,28,30); /* @kind color */
  --backgrounds-primary: rgb(36,36,38); /* @kind color */
  --colors-text-text-secondary-800: var(--colors-gray-gray300-base09); /* @kind color */
  --colors-text-text-success-primary: var(--colors-success-bg-success-dark400); /* @kind color */
  --colors-text-text-tertiary-500: var(--colors-gray-gray400-base11); /* @kind color */
  --component-colors-alpha-black-alpha-black-100: var(--colors-base-white-base01); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
}

:root[data-theme="light"], .light {
  --backgrounds-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
}