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

:root {
  --bg-weak-100: var(--neutral-100); /* @kind color */
  --blue: rgb(243,73,144); /* @kind color */
  --border: rgba(255,255,255,0.15); /* @kind color */
  --bottomtext: rgb(106,114,132); /* @kind color */
  --bright-red: rgb(216,0,39); /* @kind color */
  --grey: rgb(108,114,120); /* @kind color */
  --heading: rgb(36,39,46); /* @kind color */
  --maintext: rgb(38,40,48); /* @kind color */
  --miscellaneous-floating-tab-pill-fill: rgb(255,255,255); /* @kind color */
  --miscellaneous-floating-tab-text-unselected: rgb(9,9,9); /* @kind color */
  --miscellaneous-keyboard-accessory-bar-selection: rgb(235,237,240); /* @kind color */
  --miscellaneous-sidebar-fill-selected: rgb(255,255,255); /* @kind color */
  --miscellaneous-tab-unselected: rgb(153,153,153); /* @kind color */
  --neutral-100: rgb(246,248,250); /* @kind color */
  --stroke: rgb(237,241,243); /* @kind color */
  --white-2: rgb(238,238,238); /* @kind color */
  --white-3: rgb(255,255,255); /* @kind color */
  --white: rgb(238,238,238); /* @kind color */
  --yellow: rgb(255,218,68); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --grey: rgb(108,114,120); /* @kind color */
  --miscellaneous-floating-tab-pill-fill: rgba(255,255,255,0.07); /* @kind color */
  --miscellaneous-floating-tab-pill-fill: rgba(255,255,255,0.07); /* @kind color */
  --miscellaneous-floating-tab-pill-fill: rgba(255,255,255,0.22); /* @kind color */
  --miscellaneous-floating-tab-pill-fill: rgba(255,255,255,0.22); /* @kind color */
  --miscellaneous-floating-tab-text-unselected: rgba(171,171,177,0.93); /* @kind color */
  --miscellaneous-floating-tab-text-unselected: rgba(171,171,177,0.93); /* @kind color */
  --miscellaneous-floating-tab-text-unselected: rgba(171,171,177,0.93); /* @kind color */
  --miscellaneous-floating-tab-text-unselected: rgba(171,171,177,0.93); /* @kind color */
  --miscellaneous-keyboard-accessory-bar-selection: rgb(115,115,115); /* @kind color */
  --miscellaneous-keyboard-accessory-bar-selection: rgb(115,115,115); /* @kind color */
  --miscellaneous-keyboard-accessory-bar-selection: rgb(86,84,85); /* @kind color */
  --miscellaneous-keyboard-accessory-bar-selection: rgb(86,84,85); /* @kind color */
  --miscellaneous-sidebar-fill-selected: rgba(142,142,147,0.25); /* @kind color */
  --miscellaneous-sidebar-fill-selected: rgba(142,142,147,0.25); /* @kind color */
  --miscellaneous-sidebar-fill-selected: rgba(144,144,153,0.3); /* @kind color */
  --miscellaneous-sidebar-fill-selected: rgba(144,144,153,0.3); /* @kind color */
  --miscellaneous-tab-unselected: rgb(126,126,126); /* @kind color */
  --miscellaneous-tab-unselected: rgb(126,126,126); /* @kind color */
  --miscellaneous-tab-unselected: rgb(126,126,126); /* @kind color */
  --miscellaneous-tab-unselected: rgb(126,126,126); /* @kind color */
  --stroke: rgb(26,28,30); /* @kind color */
}

:root[data-theme="light"], .light {
  --miscellaneous-floating-tab-pill-fill: rgb(255,255,255); /* @kind color */
  --miscellaneous-floating-tab-text-unselected: rgb(9,9,9); /* @kind color */
  --miscellaneous-keyboard-accessory-bar-selection: rgb(235,237,240); /* @kind color */
  --miscellaneous-sidebar-fill-selected: rgb(255,255,255); /* @kind color */
  --miscellaneous-tab-unselected: rgb(126,126,126); /* @kind color */
}