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

:root {
  --aero-aero-1: rgb(102,215,244); /* @kind color */
  --aero-aero-2: rgb(168,231,251); /* @kind color */
  --aero-aero-3: rgb(212,243,253); /* @kind color */
  --aero-aero-4: rgb(233,249,254); /* @kind color */
  --aero-aero-main: rgb(38,196,244); /* @kind color */
  --aero-aero-tone-1: rgb(29,172,215); /* @kind color */
  --aero-aero-tone-2: rgb(23,142,178); /* @kind color */
  --blue-dark-70: rgb(88,87,119); /* @kind color */
  --blue-dark-main: rgb(17,15,61); /* @kind color */
  --blue-light-main-2: rgb(52,198,244); /* @kind color */
  --blue-light-main: rgb(52,198,244); /* @kind color */
  --boost-boost-1: rgb(139,233,63); /* @kind color */
  --boost-boost-2: rgb(168,238,111); /* @kind color */
  --boost-boost-3: rgb(197,244,159); /* @kind color */
  --boost-boost-4: rgb(226,249,207); /* @kind color */
  --boost-boost-tone1: rgb(92,187,15); /* @kind color */
  --boost-boost-tone2: rgb(67,135,12); /* @kind color */
  --boost-boost: rgb(110,227,15); /* @kind color */
  --container-primary: var(--primary-1); /* @kind color */
  --container-secondary: var(--primary-main-3); /* @kind color */
  --error-main: var(--red-main); /* @kind color */
  --galaxy-clutch: rgb(239,234,242); /* @kind color */
  --galaxy-galaxy-1: rgb(118,68,255); /* @kind color */
  --galaxy-galaxy-2: rgb(138,95,255); /* @kind color */
  --galaxy-galaxy-3: rgb(171,140,255); /* @kind color */
  --galaxy-galaxy-4: rgb(188,163,255); /* @kind color */
  --galaxy-galaxy-5: rgb(222,209,255); /* @kind color */
  --galaxy-galaxy-main: rgb(88,26,255); /* @kind color */
  --galaxy-galaxy-tone1: rgb(71,20,210); /* @kind color */
  --galaxy-galaxy-tone2: rgb(52,15,153); /* @kind color */
  --gray-900: rgb(30,30,30); /* @kind color */
  --green-main-2: rgb(58,215,177); /* @kind color */
  --green-main: rgb(58,215,177); /* @kind color */
  --grey-40-black: rgb(166,168,171); /* @kind color */
  --grey-5-black: rgb(240,241,241); /* @kind color */
  --grey-60-black: rgb(128,129,132); /* @kind color */
  --grey-white-2: rgb(255,255,255); /* @kind color */
  --grey-white: rgb(255,255,255); /* @kind color */
  --icon-action-hover: var(--primary-main); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
  --icon-primary: var(--neutral-40-black); /* @kind color */
  --icon-success: var(--success-main); /* @kind color */
  --midnight-midnight-1: rgb(46,45,81); /* @kind color */
  --midnight-midnight-2: rgb(90,89,117); /* @kind color */
  --midnight-midnight-3: rgb(161,160,176); /* @kind color */
  --midnight-midnight-4: rgb(208,208,216); /* @kind color */
  --midnight-midnight-5: rgb(231,231,235); /* @kind color */
  --midnight-midnight-main: rgb(19,18,58); /* @kind color */
  --neutral-40-black: var(--grey-40-black); /* @kind color */
  --neutral-5-black: var(--grey-5-black); /* @kind color */
  --neutral-60-black: var(--grey-60-black); /* @kind color */
  --neutral-white-2: var(--grey-white); /* @kind color */
  --neutral-white: var(--grey-white); /* @kind color */
  --primary-1: var(--galaxy-galaxy-1); /* @kind color */
  --primary-2: var(--galaxy-galaxy-2); /* @kind color */
  --primary-3: var(--galaxy-galaxy-3); /* @kind color */
  --primary-4: var(--galaxy-galaxy-4); /* @kind color */
  --primary-5: var(--galaxy-galaxy-5); /* @kind color */
  --primary-main-2: var(--blue-light-main); /* @kind color */
  --primary-main-3: var(--galaxy-galaxy-main); /* @kind color */
  --primary-main: var(--blue-light-main); /* @kind color */
  --primary-tone1: var(--galaxy-galaxy-tone1); /* @kind color */
  --primary-tone2: var(--galaxy-galaxy-tone2); /* @kind color */
  --primary: var(--galaxy-galaxy-main); /* @kind color */
  --purple-light: rgb(118,68,255); /* @kind color */
  --red-main: rgb(253,132,132); /* @kind color */
  --rogue-rogue-1: rgb(241,73,90); /* @kind color */
  --rogue-rogue-2: rgb(244,118,131); /* @kind color */
  --rogue-rogue-3: rgb(248,164,173); /* @kind color */
  --rogue-rogue-4: rgb(251,209,214); /* @kind color */
  --rogue-rogue-tone1: rgb(206,14,34); /* @kind color */
  --rogue-rogue-tone2: rgb(153,0,17); /* @kind color */
  --rogue-rogue: rgb(237,27,49); /* @kind color */
  --secondary: var(--galaxy-galaxy-5); /* @kind color */
  --spark: rgb(229,255,0); /* @kind color */
  --success-main-2: var(--green-main); /* @kind color */
  --success-main: var(--green-main); /* @kind color */
  --surface-secondary: var(--neutral-white); /* @kind color */
  --surface-status: var(--primary-main); /* @kind color */
  --surface-white: var(--surface-secondary); /* @kind color */
  --surface: var(--midnight-midnight-main); /* @kind color */
  --tertiary-70: rgb(88,87,119); /* @kind color */
  --tertiary: var(--primary-tone2); /* @kind color */
  --text-inverse: var(--neutral-white); /* @kind color */
  --text-primary: var(--white); /* @kind color */
  --text-secondary-2: var(--galaxy-clutch); /* @kind color */
  --text-secondary: var(--neutral-60-black); /* @kind color */
  --torque: rgb(249,168,26); /* @kind color */
  --ultra-ultra-100: rgb(255,229,249); /* @kind color */
  --ultra-ultra-200: rgb(255,204,244); /* @kind color */
  --ultra-ultra-300: rgb(255,179,244); /* @kind color */
  --ultra-ultra-500: rgb(255,128,227); /* @kind color */
  --ultra-ultra-700: rgb(255,77,215); /* @kind color */
  --ultra-ultra: rgb(255,0,198); /* @kind color */
  --white-1000: rgb(255,255,255); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
}

:root[data-mode="insights"] {
  --neutral-40-black: var(--grey-40-black); /* @kind color */
  --neutral-white: var(--grey-white); /* @kind color */
  --primary-main: var(--blue-light-main); /* @kind color */
  --success-main: var(--green-main); /* @kind color */
  --tertiary-70: rgb(88,87,119); /* @kind color */
}

:root[data-theme="light"], .light {
  --container-primary: var(--primary-1); /* @kind color */
  --container-secondary: var(--primary-main-3); /* @kind color */
  --icon-action-hover: var(--primary-main); /* @kind color */
  --icon-primary: var(--neutral-white); /* @kind color */
  --icon-success: var(--success-main); /* @kind color */
  --surface-secondary: var(--tertiary-70); /* @kind color */
  --surface: var(--galaxy-clutch); /* @kind color */
  --text-primary: var(--midnight-midnight-main); /* @kind color */
  --text-secondary-2: var(--galaxy-clutch); /* @kind color */
  --text-secondary: var(--neutral-5-black); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --icon-action-hover: var(--primary-main); /* @kind color */
  --icon-default-default: var(--white-1000); /* @kind color */
  --icon-primary: var(--neutral-white); /* @kind color */
  --icon-success: var(--success-main); /* @kind color */
  --surface-secondary: var(--tertiary-70); /* @kind color */
  --text-secondary: var(--neutral-5-black); /* @kind color */
}

:root[data-mode="secondary"] {
  --surface-status: var(--success-main); /* @kind color */
  --surface-white: var(--surface-secondary); /* @kind color */
  --text-inverse: var(--neutral-white); /* @kind color */
}

:root[data-mode="tertiary"] {
  --surface-status: var(--error-main); /* @kind color */
  --surface-white: var(--surface-secondary); /* @kind color */
  --text-inverse: var(--primary-main); /* @kind color */
}

:root[data-mode="subtle"] {
  --surface-status: var(--primary-main); /* @kind color */
  --surface-white: var(--surface-secondary); /* @kind color */
  --text-inverse: var(--neutral-white); /* @kind color */
}

:root[data-mode="disabled"] {
  --primary: var(--midnight-midnight-1); /* @kind color */
  --secondary: var(--midnight-midnight-3); /* @kind color */
  --tertiary: var(--midnight-midnight-main); /* @kind color */
}

:root[data-mode="blue"] {
  --primary-1: var(--aero-aero-1); /* @kind color */
  --primary-2: var(--aero-aero-2); /* @kind color */
  --primary-3: var(--aero-aero-3); /* @kind color */
  --primary-4: var(--aero-aero-4); /* @kind color */
  --primary-5: var(--aero-aero-4); /* @kind color */
  --primary-main-3: var(--aero-aero-main); /* @kind color */
  --primary-tone1: var(--aero-aero-tone-1); /* @kind color */
  --primary-tone2: var(--aero-aero-tone-2); /* @kind color */
}