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

:root {
  --ai-resting: rgba(255,255,255,0.85); /* @kind color */
  --background-primary-2: var(--colour-neutral-0); /* @kind color */
  --background-primary: var(--colour-neutral-0); /* @kind color */
  --backgrounds-primary: rgb(255,255,255); /* @kind color */
  --border-brand-2: var(--colour-brand-blue-500); /* @kind color */
  --border-brand-light: var(--colour-brand-blue-100); /* @kind color */
  --border-brand: var(--colour-brand-blue-500); /* @kind color */
  --border-inverse-2: var(--colour-neutral-0); /* @kind color */
  --border-inverse: var(--colour-neutral-0); /* @kind color */
  --border-primary: var(--colour-neutral-50); /* @kind color */
  --border-secondary: var(--colour-neutral-100); /* @kind color */
  --border-tertiary-2: var(--colour-neutral-200); /* @kind color */
  --border-tertiary-3: var(--colour-neutral-200); /* @kind color */
  --border-tertiary: var(--colour-neutral-200); /* @kind color */
  --color-base-white: rgb(255,255,255); /* @kind color */
  --color-brand-blue-500: rgb(10,46,203); /* @kind color */
  --color-neutral-0: rgb(255,255,255); /* @kind color */
  --color-neutral-100: rgb(230,230,231); /* @kind color */
  --color-neutral-550: rgb(115,117,126); /* @kind color */
  --color-neutral-700: rgb(77,80,91); /* @kind color */
  --color-neutral-750: rgb(64,67,79); /* @kind color */
  --color-neutral-950: rgb(14,17,32); /* @kind color */
  --color-ref-error-100: var(--color-base-white); /* @kind color */
  --color-ref-error-10: rgb(65,0,0); /* @kind color */
  --color-ref-neutral-100: var(--color-base-white); /* @kind color */
  --color-ref-neutral-20: rgb(48,48,48); /* @kind color */
  --color-ref-neutral-7: rgb(21,21,21); /* @kind color */
  --color-ref-neutral-80: rgb(198,198,198); /* @kind color */
  --color-sys-on-error: var(--color-ref-error-100); /* @kind color */
  --color-sys-outline-variant: var(--color-ref-neutral-80); /* @kind color */
  --color-sys-surface: var(--color-ref-neutral-100); /* @kind color */
  --colors-blue: rgb(0,122,255); /* @kind color */
  --colour-brand-blue-100: rgb(206,213,245); /* @kind color */
  --colour-brand-blue-200: rgb(157,171,234); /* @kind color */
  --colour-brand-blue-500: rgb(10,46,203); /* @kind color */
  --colour-brand-blue-50: rgb(230,234,250); /* @kind color */
  --colour-brand-blue-900: rgb(12,34,135); /* @kind color */
  --colour-brand-brand-500: rgb(10,46,203); /* @kind color */
  --colour-brand-cyan-500: rgb(0,179,255); /* @kind color */
  --colour-brand-pink-500: rgb(208,0,202); /* @kind color */
  --colour-brand-pink-50: rgb(251,236,251); /* @kind color */
  --colour-brand-yellow-500: rgb(255,223,0); /* @kind color */
  --colour-neutral-0: rgb(255,255,255); /* @kind color */
  --colour-neutral-100: rgb(230,230,231); /* @kind color */
  --colour-neutral-200: rgb(204,205,208); /* @kind color */
  --colour-neutral-350: rgb(166,167,173); /* @kind color */
  --colour-neutral-400: rgb(153,155,161); /* @kind color */
  --colour-neutral-500: rgb(128,130,137); /* @kind color */
  --colour-neutral-50: rgb(242,243,243); /* @kind color */
  --colour-neutral-600: rgb(103,105,114); /* @kind color */
  --colour-neutral-700: rgb(77,80,91); /* @kind color */
  --colour-neutral-950: rgb(14,17,32); /* @kind color */
  --colour-neutral-neutral-950-2: rgb(14,17,32); /* @kind color */
  --colour-neutral-neutral-950: rgb(14,17,32); /* @kind color */
  --colour-opacity-overlays-black-52: rgba(14,17,32,0.52); /* @kind color */
  --colour-status-green-success-500: rgb(0,182,76); /* @kind color */
  --colour-status-red-danger-500: rgb(213,0,0); /* @kind color */
  --colour-status-red-danger-900: rgb(133,7,13); /* @kind color */
  --colour-status-yellow-attention-500: rgb(255,171,0); /* @kind color */
  --colour-status-yellow-attention-900: rgb(153,103,0); /* @kind color */
  --curtain-on-modal-blur: rgba(242,243,243,0.5); /* @kind color */
  --fills-primary: rgba(120,120,128,0.2); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.12); /* @kind color */
  --gr-accent: rgb(129,219,203); /* @kind color */
  --gr-surface: rgb(15,29,46); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --icon-brand-2: var(--color-brand-blue-500); /* @kind color */
  --icon-brand-3: var(--colour-brand-blue-500); /* @kind color */
  --icon-brand-4: var(--colour-brand-blue-500); /* @kind color */
  --icon-brand-dark-2: var(--colour-brand-blue-900); /* @kind color */
  --icon-brand-dark: var(--colour-brand-blue-900); /* @kind color */
  --icon-brand-disabled-2: var(--colour-brand-blue-200); /* @kind color */
  --icon-brand-disabled: var(--colour-brand-blue-200); /* @kind color */
  --icon-brand: var(--colour-brand-blue-500); /* @kind color */
  --icon-danger: var(--colour-status-red-danger-500); /* @kind color */
  --icon-inverse-2: var(--colour-neutral-0); /* @kind color */
  --icon-inverse: var(--colour-neutral-0); /* @kind color */
  --icon-primary-2: var(--colour-neutral-700); /* @kind color */
  --icon-primary-3: var(--colour-neutral-700); /* @kind color */
  --icon-primary: var(--colour-neutral-700); /* @kind color */
  --icon-secondary-2: var(--colour-neutral-350); /* @kind color */
  --icon-secondary-3: var(--colour-neutral-350); /* @kind color */
  --icon-secondary: var(--colour-neutral-350); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --labels-secondary: rgba(60,60,67,0.6); /* @kind color */
  --labels-tertiary: rgba(60,60,67,0.3); /* @kind color */
  --miscellaneous-keyboard-accessory-bar-selection: rgb(235,237,240); /* @kind color */
  --miscellaneous-keyboard-emoji-mic: rgba(27,31,38,0.72); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --modal-curtain-2: rgba(242,243,243,0.9); /* @kind color */
  --modal-curtain: rgba(242,243,243,0.9); /* @kind color */
  --mode: "Light";
  --radius-2xl: 20;
  --radius-full: 999;
  --radius-lg: 12;
  --radius-md: 8;
  --radius-radious-lg: 12;
  --radius-radious-md: 8;
  --radius-radious-xl: 16;
  --radius-radius-zero: 0;
  --radius-xl: 16;
  --radius-zero: 0;
  --schemes-outline-variant: rgb(202,196,208); /* @kind color */
  --size-radius-radius-full: 1000;
  --spacing-100x: 40;
  --spacing-10x: 4;
  --spacing-120x: 48;
  --spacing-12x: 48;
  --spacing-140x: 56;
  --spacing-14x: 56;
  --spacing-1x: 4;
  --spacing-20x: 8;
  --spacing-2x: 8;
  --spacing-30x: 12;
  --spacing-3x: 12;
  --spacing-40x: 16;
  --spacing-4x: 16;
  --spacing-50x: 20;
  --spacing-60x: 24;
  --spacing-6x: 24;
  --spacing-80x: 32;
  --spacing-90x: 36;
  --surface-base: var(--colour-neutral-0); /* @kind color */
  --surface-brand-2: var(--color-brand-blue-500); /* @kind color */
  --surface-brand-3: var(--colour-brand-blue-500); /* @kind color */
  --surface-brand-dark-2: var(--colour-brand-blue-900); /* @kind color */
  --surface-brand-dark: var(--colour-brand-blue-900); /* @kind color */
  --surface-brand-disabled-2: var(--colour-brand-blue-200); /* @kind color */
  --surface-brand-disabled: var(--colour-brand-blue-200); /* @kind color */
  --surface-brand-light-2: var(--colour-brand-blue-50); /* @kind color */
  --surface-brand-light: var(--colour-brand-blue-50); /* @kind color */
  --surface-brand: var(--colour-brand-blue-500); /* @kind color */
  --surface-primary-2: var(--colour-neutral-50); /* @kind color */
  --surface-primary-3: var(--colour-neutral-50); /* @kind color */
  --surface-primary: var(--colour-neutral-50); /* @kind color */
  --surface-secondary-2: var(--colour-neutral-100); /* @kind color */
  --surface-secondary: var(--colour-neutral-100); /* @kind color */
  --surface-tertiary-2: var(--colour-neutral-200); /* @kind color */
  --surface-tertiary-3: var(--colour-neutral-200); /* @kind color */
  --surface-tertiary: var(--colour-neutral-200); /* @kind color */
  --text-brand-2: var(--colour-brand-blue-500); /* @kind color */
  --text-brand-dark-2: var(--colour-brand-blue-900); /* @kind color */
  --text-brand-dark: var(--colour-brand-blue-900); /* @kind color */
  --text-brand-disabled-2: var(--colour-brand-blue-200); /* @kind color */
  --text-brand-disabled: var(--colour-brand-blue-200); /* @kind color */
  --text-brand: var(--colour-brand-blue-500); /* @kind color */
  --text-disabled: var(--colour-neutral-350); /* @kind color */
  --text-inverse-2: var(--colour-neutral-0); /* @kind color */
  --text-inverse: var(--colour-neutral-0); /* @kind color */
  --text-primary-2: var(--colour-neutral-950); /* @kind color */
  --text-primary-3: var(--color-neutral-950); /* @kind color */
  --text-primary-4: var(--colour-neutral-950); /* @kind color */
  --text-primary: var(--colour-neutral-950); /* @kind color */
  --text-secondary-2: var(--colour-neutral-700); /* @kind color */
  --text-secondary: var(--colour-neutral-700); /* @kind color */
  --text-tertiary-2: var(--colour-neutral-600); /* @kind color */
  --text-tertiary-3: var(--colour-neutral-600); /* @kind color */
  --text-tertiary: var(--colour-neutral-600); /* @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 */
  --color-sys-on-error: var(--color-ref-error-10); /* @kind color */
  --color-sys-outline-variant: var(--color-ref-neutral-20); /* @kind color */
  --color-sys-surface: var(--color-ref-neutral-7); /* @kind color */
  --colors-blue: rgb(10,132,255); /* @kind color */
  --colors-blue: rgb(10,132,255); /* @kind color */
  --colors-blue: rgb(64,156,255); /* @kind color */
  --colors-blue: rgb(64,156,255); /* @kind color */
  --fills-primary: rgba(120,120,128,0.36); /* @kind color */
  --fills-primary: rgba(120,120,128,0.36); /* @kind color */
  --fills-primary: rgba(120,120,128,0.44); /* @kind color */
  --fills-primary: rgba(120,120,128,0.44); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.24); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.24); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.32); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.32); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --grays-white: 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 */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.6); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.6); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.7); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.7); /* @kind color */
  --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 */
  --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-keyboard-emoji-mic: rgb(255,255,255); /* @kind color */
  --miscellaneous-keyboard-emoji-mic: rgb(255,255,255); /* @kind color */
  --miscellaneous-keyboard-emoji-mic: rgb(255,255,255); /* @kind color */
  --miscellaneous-keyboard-emoji-mic: 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 */
  --mode: "Dark Elevated";
  --mode: "Dark";
  --mode: "IC - Dark Elevated";
  --mode: "IC - Dark";
  --schemes-outline-variant: rgb(134,129,139); /* @kind color */
  --schemes-outline-variant: rgb(206,200,212); /* @kind color */
  --schemes-outline-variant: rgb(73,69,79); /* @kind color */
  --size-radius-radius-full: 1000;
}

:root[data-theme="light"], .light {
  --backgrounds-primary: rgb(255,255,255); /* @kind color */
  --colors-blue: rgb(0,64,221); /* @kind color */
  --fills-primary: rgba(120,120,128,0.28); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.2); /* @kind color */
  --grays-black: rgb(0,0,0); /* @kind color */
  --grays-white: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --labels-secondary: rgba(60,60,67,0.8); /* @kind color */
  --labels-tertiary: rgba(60,60,67,0.7); /* @kind color */
  --miscellaneous-keyboard-accessory-bar-selection: rgb(235,237,240); /* @kind color */
  --miscellaneous-keyboard-emoji-mic: rgba(27,31,38,0.8); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --mode: "IC - Light";
  --schemes-outline-variant: rgb(125,121,131); /* @kind color */
  --schemes-outline-variant: rgb(69,65,74); /* @kind color */
}

:root[data-mode="monochrome-lt"] {
  --schemes-outline-variant: rgb(198,198,198); /* @kind color */
}

:root[data-mode="monochrome-dt"] {
  --schemes-outline-variant: rgb(71,71,71); /* @kind color */
}

:root[data-mode="pink-lt"] {
  --schemes-outline-variant: rgb(212,194,199); /* @kind color */
}

:root[data-mode="pink-dt"] {
  --schemes-outline-variant: rgb(80,67,72); /* @kind color */
}

:root[data-mode="rose-lt"] {
  --schemes-outline-variant: rgb(215,194,195); /* @kind color */
}

:root[data-mode="rose-dt"] {
  --schemes-outline-variant: rgb(82,67,69); /* @kind color */
}

:root[data-mode="red-lt"] {
  --schemes-outline-variant: rgb(216,194,190); /* @kind color */
}

:root[data-mode="red-dt"] {
  --schemes-outline-variant: rgb(83,67,65); /* @kind color */
}

:root[data-mode="orange-lt"] {
  --schemes-outline-variant: rgb(215,194,184); /* @kind color */
}

:root[data-mode="orange-dt"] {
  --schemes-outline-variant: rgb(82,68,60); /* @kind color */
}

:root[data-mode="yellow-lt"] {
  --schemes-outline-variant: rgb(208,197,180); /* @kind color */
}

:root[data-mode="yellow-dt"] {
  --schemes-outline-variant: rgb(77,70,57); /* @kind color */
}

:root[data-mode="chartreuse-lt"] {
  --schemes-outline-variant: rgb(200,199,183); /* @kind color */
}

:root[data-mode="chartreuse-dt"] {
  --schemes-outline-variant: rgb(71,72,59); /* @kind color */
}

:root[data-mode="green-lt"] {
  --schemes-outline-variant: rgb(193,201,190); /* @kind color */
}

:root[data-mode="green-dt"] {
  --schemes-outline-variant: rgb(66,73,64); /* @kind color */
}

:root[data-mode="teal-lt"] {
  --schemes-outline-variant: rgb(190,201,197); /* @kind color */
}

:root[data-mode="teal-dt"] {
  --schemes-outline-variant: rgb(63,73,70); /* @kind color */
}

:root[data-mode="cyan-lt"] {
  --schemes-outline-variant: rgb(191,200,204); /* @kind color */
}

:root[data-mode="cyan-dt"] {
  --schemes-outline-variant: rgb(64,72,75); /* @kind color */
}

:root[data-mode="blue-lt"] {
  --schemes-outline-variant: rgb(197,198,208); /* @kind color */
}

:root[data-mode="blue-dt"] {
  --schemes-outline-variant: rgb(68,70,79); /* @kind color */
}

:root[data-mode="indigo-lt"] {
  --schemes-outline-variant: rgb(200,197,208); /* @kind color */
}

:root[data-mode="indigo-dt"] {
  --schemes-outline-variant: rgb(71,70,79); /* @kind color */
}

:root[data-mode="purple-lt"] {
  --schemes-outline-variant: rgb(203,196,207); /* @kind color */
}

:root[data-mode="purple-dt"] {
  --schemes-outline-variant: rgb(74,69,78); /* @kind color */
}