/* 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 */
  --background-primary: rgb(255,255,255); /* @kind color */
  --bg-context: "Bright";
  --blue-100: rgb(225,245,254); /* @kind color */
  --blue-200: rgb(193,243,255); /* @kind color */
  --blue-300: rgb(195,229,236); /* @kind color */
  --color-bg-default: var(--colors-neutrals-neutral-01); /* @kind color */
  --color-brand-secondary: var(--colors-brand-secondary-07); /* @kind color */
  --color-text-primary-inverse: var(--colors-neutrals-neutral-01); /* @kind color */
  --color-text-primary: var(--colors-neutrals-neutral-08); /* @kind color */
  --color-text-secondary: var(--colors-neutrals-neutral-06); /* @kind color */
  --color: rgb(255,255,255); /* @kind color */
  --colors-brand-primary-01: rgb(254,245,245); /* @kind color */
  --colors-brand-primary-05: rgb(253,99,96); /* @kind color */
  --colors-brand-primary-06: rgb(234,57,52); /* @kind color */
  --colors-brand-primary-07: rgb(151,33,30); /* @kind color */
  --colors-brand-secondary-01-2: rgb(247,246,251); /* @kind color */
  --colors-brand-secondary-01: rgb(247,247,252); /* @kind color */
  --colors-brand-secondary-02: rgb(231,229,244); /* @kind color */
  --colors-brand-secondary-03: rgb(209,207,237); /* @kind color */
  --colors-brand-secondary-04: rgb(181,176,230); /* @kind color */
  --colors-brand-secondary-05: rgb(140,132,204); /* @kind color */
  --colors-brand-secondary-06: rgb(100,89,178); /* @kind color */
  --colors-brand-secondary-07-2: rgb(87,69,160); /* @kind color */
  --colors-brand-secondary-07: rgb(58,48,127); /* @kind color */
  --colors-brand-secondary-09: rgb(31,25,72); /* @kind color */
  --colors-brand-tertiary-01: rgb(239,249,255); /* @kind color */
  --colors-brand-tertiary-06: rgb(46,121,146); /* @kind color */
  --colors-brand-tertiary-07: rgb(21,93,114); /* @kind color */
  --colors-neutrals-neutral-00: rgb(255,255,255); /* @kind color */
  --colors-neutrals-neutral-01: rgb(247,247,247); /* @kind color */
  --colors-neutrals-neutral-02: rgb(227,227,227); /* @kind color */
  --colors-neutrals-neutral-04: rgb(176,176,176); /* @kind color */
  --colors-neutrals-neutral-05: rgb(145,145,145); /* @kind color */
  --colors-neutrals-neutral-06: rgb(112,112,112); /* @kind color */
  --colors-neutrals-neutral-07: rgb(79,79,79); /* @kind color */
  --colors-neutrals-neutral-08: rgb(51,51,51); /* @kind color */
  --colors-neutrals-neutral-10: rgb(0,0,0); /* @kind color */
  --colors-system-feedback-error-01: rgb(255,245,246); /* @kind color */
  --colors-system-feedback-error-06: rgb(207,49,81); /* @kind color */
  --colors-system-feedback-error-07: rgb(161,0,49); /* @kind color */
  --colors-system-feedback-success-02: rgb(169,244,197); /* @kind color */
  --colors-system-feedback-success-05: rgb(0,166,99); /* @kind color */
  --colors-system-feedback-success-08: rgb(0,60,32); /* @kind color */
  --colors-system-feedback-warning-02: rgb(254,223,177); /* @kind color */
  --colors-system-feedback-warning-03: rgb(247,197,95); /* @kind color */
  --colors-system-feedback-warning-04: rgb(221,168,0); /* @kind color */
  --colors-system-feedback-warning-07: rgb(101,75,0); /* @kind color */
  --colors-utilities-focus: rgb(76,148,230); /* @kind color */
  --component-stroke: var(--accents-indigo); /* @kind color */
  --fills-vibrant-tertiary: rgb(237,237,237); /* @kind color */
  --labels-vibrant-controls-primary: rgb(64,64,64); /* @kind color */
  --labels-vibrant-controls-tertiary: rgb(217,217,217); /* @kind color */
  --mode: "Light";
  --numbers-12: 12;
  --numbers-16: 16;
  --numbers-2: 2;
  --numbers-4: 4;
  --numbers-8: 8;
  --purple-100: rgb(228,224,255); /* @kind color */
  --purple-200: rgb(173,160,249); /* @kind color */
  --purple-300: rgb(143,99,203); /* @kind color */
  --purple-400: rgb(61,49,129); /* @kind color */
  --radius-radius-l: var(--numbers-12);
  --radius-radius-m: var(--numbers-8);
  --radius-radius-s: var(--numbers-4);
  --radius-radius-xl: var(--numbers-16);
  --red-100: rgb(255,143,136); /* @kind color */
  --red-200: rgb(234,58,53); /* @kind color */
  --spacing-spacing-00: var(--numbers-2);
  --spacing-spacing-01: var(--numbers-4);
  --spacing-spacing-02: var(--numbers-8);
  --spacing-spacing-03: var(--numbers-12);
  --subcomponent-fill: rgb(170,170,170); /* @kind color */
  --subcomponent-stroke: rgba(0,0,0,0.4); /* @kind color */
  --white-100: rgb(255,255,255); /* @kind color */
  --yellow-100: rgb(255,225,166); /* @kind color */
  --yellow-200: rgb(225,154,12); /* @kind color */
  --yellow-300: rgb(169,115,9); /* @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 */
  --background-primary: rgb(0,0,0); /* @kind color */
  --blue-100: rgb(188,213,220); /* @kind color */
  --blue-200: rgb(153,200,211); /* @kind color */
  --blue-300: rgb(160,186,198); /* @kind color */
  --color-bg-default: var(--colors-neutrals-neutral-10); /* @kind color */
  --color-brand-secondary: var(--colors-brand-secondary-07); /* @kind color */
  --color-text-primary-inverse: var(--colors-neutrals-neutral-08); /* @kind color */
  --color-text-primary: var(--colors-neutrals-neutral-01); /* @kind color */
  --color-text-secondary: var(--colors-neutrals-neutral-05); /* @kind color */
  --fills-vibrant-tertiary: rgb(18,18,18); /* @kind color */
  --fills-vibrant-tertiary: rgb(18,18,18); /* @kind color */
  --labels-vibrant-controls-primary: rgb(191,191,191); /* @kind color */
  --labels-vibrant-controls-primary: rgb(191,191,191); /* @kind color */
  --labels-vibrant-controls-tertiary: rgb(38,38,38); /* @kind color */
  --labels-vibrant-controls-tertiary: rgb(38,38,38); /* @kind color */
  --mode: "Dark";
  --mode: "IC - Dark";
  --purple-100: rgb(194,190,222); /* @kind color */
  --purple-200: rgb(136,127,200); /* @kind color */
  --purple-300: rgb(92,61,133); /* @kind color */
  --purple-400: rgb(39,31,87); /* @kind color */
  --radius-radius-l: var(--numbers-12);
  --radius-radius-m: var(--numbers-8);
  --radius-radius-s: var(--numbers-4);
  --radius-radius-xl: var(--numbers-16);
  --red-100: rgb(181,115,111); /* @kind color */
  --red-200: rgb(176,49,44); /* @kind color */
  --spacing-spacing-00: var(--numbers-2);
  --spacing-spacing-01: var(--numbers-4);
  --spacing-spacing-02: var(--numbers-8);
  --spacing-spacing-03: var(--numbers-12);
  --white-100: rgb(205,221,229); /* @kind color */
  --yellow-100: rgb(202,178,128); /* @kind color */
  --yellow-200: rgb(169,115,9); /* @kind color */
  --yellow-300: rgb(96,64,2); /* @kind color */
}

:root[data-theme="light"], .light {
  --accents-blue: rgb(30,110,244); /* @kind color */
  --accents-indigo: rgb(86,74,222); /* @kind color */
  --fills-vibrant-tertiary: rgb(237,237,237); /* @kind color */
  --labels-vibrant-controls-primary: rgb(64,64,64); /* @kind color */
  --labels-vibrant-controls-tertiary: rgb(217,217,217); /* @kind color */
  --mode: "IC - Light";
}

:root[data-mode="dim"] {
  --bg-context: "Dim";
}