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

:root {
  --border-accent-blue: var(--colors-brand-blue-1); /* @kind color */
  --border-accent-cyan: var(--colors-brand-cyan-2); /* @kind color */
  --border-accent-grey: var(--colors-greyscale-grey-6); /* @kind color */
  --border-accent-pink: var(--colors-brand-pink-2); /* @kind color */
  --border-accent-purple: var(--colors-brand-purple-2); /* @kind color */
  --border-accent-yellow: var(--colors-brand-yellow-1); /* @kind color */
  --border-accent: var(--colors-brand-blue-1); /* @kind color */
  --border-boxes: var(--color-blue-blue-700-2); /* @kind color */
  --border-critical: var(--colors-brand-red-1); /* @kind color */
  --border-disabled: var(--colors-blues-dark-blue-1); /* @kind color */
  --border-high: var(--colors-brand-red-2); /* @kind color */
  --border-lines: var(--color-blue-blue-700-2); /* @kind color */
  --border-low: var(--colors-brand-red-4); /* @kind color */
  --border-medium: var(--colors-brand-red-3); /* @kind color */
  --border-negative: var(--colors-brand-red-2); /* @kind color */
  --border-positive: var(--colors-brand-green-1); /* @kind color */
  --border-primary-button-border: var(--colors-blues-dark-blue-4); /* @kind color */
  --border-primary: var(--colors-greyscale-white); /* @kind color */
  --border-secondary-button-border: var(--color-blue-blue-700-2); /* @kind color */
  --border-secondary: var(--colors-greyscale-grey-6); /* @kind color */
  --border-somewhat-bad: var(--colors-brand-yellow-orange); /* @kind color */
  --borders-accent: var(--color-brand-blue); /* @kind color */
  --borders-ai-graph: var(--color-brand-purple-60); /* @kind color */
  --borders-ai: var(--color-brand-purple-100); /* @kind color */
  --borders-box: var(--color-blue-blue-700-2); /* @kind color */
  --borders-diamond-stop-1: var(--color-brand-medium-blue-50); /* @kind color */
  --borders-diamond-stop-2: var(--color-navy-navy-975); /* @kind color */
  --borders-disabled: var(--color-greyscale-grey-300); /* @kind color */
  --borders-focus: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-1-2: var(--color-blue-blue-500-2); /* @kind color */
  --borders-glass-stop-1: var(--color-blue-blue-500-2); /* @kind color */
  --borders-glass-stop-2-2: var(--color-blue-blue-700-2); /* @kind color */
  --borders-glass-stop-2: var(--color-blue-blue-700-2); /* @kind color */
  --borders-glass-stop-3-2: var(--color-blue-blue-700-2); /* @kind color */
  --borders-glass-stop-3: var(--color-blue-blue-700-2); /* @kind color */
  --borders-glass-stop-4-2: var(--color-blue-blue-500-2); /* @kind color */
  --borders-glass-stop-4: var(--color-blue-blue-500-2); /* @kind color */
  --borders-hover: var(--color-grey-grey-1); /* @kind color */
  --borders-line-2: var(--color-blue-blue-700-2); /* @kind color */
  --borders-line: var(--color-blue-blue-700-2); /* @kind color */
  --borders-map: var(--color-brand-violet); /* @kind color */
  --button-primary-background-active: var(--color-blue-blue-700-2); /* @kind color */
  --button-primary-background-default-2: var(--color-navy-navy-900-2); /* @kind color */
  /* LOCAL PATCH of a vendored file — do not lose this on a re-sync.
   *
   * Upstream points this at `--color-blue-blue-900`, which is the ONLY
   * dangling reference in this file: no block defines that primitive. So the
   * whole `var()` is unresolvable, every declaration reading this token is
   * invalid at computed-value time, and the dark theme's primary buttons
   * have had no fill at all — the page showing straight through a pill that
   * is supposed to be solid.
   *
   * Repointed at a primitive that EXISTS rather than inventing the missing
   * one: `navy-875` is darker than this token's own hover value
   * (`navy-600`), so hovering still lightens, and it is none of the four
   * `--surface-page-stop-*` values, so the pill stays distinct from the page
   * behind it. It is a stand-in for a value upstream never shipped, not a
   * reading of what upstream meant. */
  --button-primary-background-default: var(--color-navy-navy-875); /* @kind color */
  --button-primary-background-disabled: var(--color-greyscale-grey-12-2); /* @kind color */
  --button-primary-background-hover: var(--color-navy-navy-600); /* @kind color */
  --button-primary-background-pressed: var(--color-navy-navy-900-2); /* @kind color */
  --button-primary-border-active: var(--color-greyscale-white); /* @kind color */
  --button-primary-icon-active: var(--color-blue-blue-650); /* @kind color */
  --button-primary-icon-default: var(--color-greyscale-white); /* @kind color */
  --button-primary-icon-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-primary-text-active: var(--color-greyscale-white); /* @kind color */
  --button-primary-text-default: var(--color-greyscale-white); /* @kind color */
  --button-primary-text-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-secondary-background-active: var(--color-brand-white); /* @kind color */
  --button-secondary-background-default: var(--color-brand-white); /* @kind color */
  --button-secondary-background-disabled: var(--color-brand-white); /* @kind color */
  --button-secondary-background-hover: var(--color-navy-navy-900-2); /* @kind color */
  --button-secondary-background-pressed: var(--color-brand-interaction-black); /* @kind color */
  --button-secondary-border-active: var(--color-greyscale-white); /* @kind color */
  --button-secondary-border-default: var(--color-blue-blue-700); /* @kind color */
  --button-secondary-border-disabled: var(--color-greyscale-grey-300-2); /* @kind color */
  --button-secondary-border-hover: var(--color-blue-blue-700-2); /* @kind color */
  --button-secondary-border-pressed: var(--color-blue-blue-700-2); /* @kind color */
  --button-secondary-icon-active: var(--color-greyscale-white); /* @kind color */
  --button-secondary-icon-default: var(--color-greyscale-white); /* @kind color */
  --button-secondary-icon-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-secondary-text-active: var(--color-greyscale-white); /* @kind color */
  --button-secondary-text-default: var(--color-greyscale-white); /* @kind color */
  --button-secondary-text-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-secondary-text-focus: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-background-active: var(--color-navy-navy-50-2); /* @kind color */
  --button-tertiary-background-default-2: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-background-default: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-background-disabled: var(--color-greyscale-grey-400); /* @kind color */
  --button-tertiary-background-hover: var(--color-navy-navy-50-2); /* @kind color */
  --button-tertiary-background-pressed: var(--color-brand-white); /* @kind color */
  --button-tertiary-background-sidebar-selected: var(--color-blue-blue-700-2); /* @kind color */
  --button-tertiary-background-sidebar-unselected: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-border-active: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-border-default: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-border-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-tertiary-border-hover: var(--color-blue-blue-700-2); /* @kind color */
  --button-tertiary-border-pressed: var(--color-blue-blue-700-2); /* @kind color */
  --button-tertiary-icon-active: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-icon-default: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-icon-disabled: var(--color-greyscale-grey-200); /* @kind color */
  --button-tertiary-icon-siedbar-unselected: var(--color-grey-grey-1); /* @kind color */
  --button-tertiary-text-active: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-text-default: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-text-disabled: var(--color-greyscale-grey-200); /* @kind color */
  --button-tertiary-text-sidebar-unselected: var(--color-grey-grey-1); /* @kind color */
  --button-warning-background-active: var(--color-red-dark-red-400); /* @kind color */
  --button-warning-background-default: var(--color-red-dark-red-50); /* @kind color */
  --button-warning-background-disabled: var(--color-greyscale-grey-12-2); /* @kind color */
  --button-warning-background-hover: var(--color-red-dark-red-400); /* @kind color */
  --button-warning-background-pressed: var(--color-red-dark-red-300); /* @kind color */
  --button-warning-border-active: var(--color-greyscale-white); /* @kind color */
  --button-warning-border-default: var(--color-red-dark-red-100); /* @kind color */
  --button-warning-icon-default: var(--color-greyscale-white); /* @kind color */
  --button-warning-icon-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-warning-text-default: var(--color-greyscale-white); /* @kind color */
  --button-warning-text-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --color-1: rgb(255,255,255); /* @kind color */
  --color-blue-blue-100-2: rgb(220,225,250); /* @kind color */
  --color-blue-blue-100: rgb(220,225,250); /* @kind color */
  --color-blue-blue-50-2: rgb(236,242,255); /* @kind color */
  --color-blue-blue-500-2: rgb(61,83,129); /* @kind color */
  --color-blue-blue-500: rgb(61,83,129); /* @kind color */
  --color-blue-blue-50: rgb(236,242,255); /* @kind color */
  --color-blue-blue-550-20-trans-2: rgba(35,54,76,0.2); /* @kind color */
  --color-blue-blue-550-20-trans: rgba(35,54,76,0.2); /* @kind color */
  --color-blue-blue-550: rgb(35,54,76); /* @kind color */
  --color-blue-blue-650-20-trans-2: rgba(60,77,97,0.2); /* @kind color */
  --color-blue-blue-650-20-trans: rgba(60,77,97,0.2); /* @kind color */
  --color-blue-blue-650: rgb(60,77,97); /* @kind color */
  --color-blue-blue-700-2: rgb(32,46,75); /* @kind color */
  --color-blue-blue-700: rgb(32,46,75); /* @kind color */
  --color-brand-blue: rgb(161,204,255); /* @kind color */
  --color-brand-cornflower-12: rgba(99,135,242,0.12); /* @kind color */
  --color-brand-cornflower: rgb(99,135,242); /* @kind color */
  --color-brand-cyan-100-2: rgb(28,236,184); /* @kind color */
  --color-brand-cyan-100: rgb(28,236,184); /* @kind color */
  --color-brand-cyan-10: rgba(28,236,184,0.1); /* @kind color */
  --color-brand-cyan-12: rgba(28,236,184,0.12); /* @kind color */
  --color-brand-cyan-5: rgba(28,236,184,0.05); /* @kind color */
  --color-brand-dark-green: rgb(0,123,92); /* @kind color */
  --color-brand-dark-puprle-60: rgba(93,4,246,0.6); /* @kind color */
  --color-brand-dark-purple-100: rgb(93,4,246); /* @kind color */
  --color-brand-dark-turqoise: rgb(49,129,138); /* @kind color */
  --color-brand-electric-blue-2: rgb(2,58,255); /* @kind color */
  --color-brand-electric-blue: rgb(2,58,255); /* @kind color */
  --color-brand-green-100-2: rgb(4,176,108); /* @kind color */
  --color-brand-green-100: rgb(83,202,67); /* @kind color */
  --color-brand-green-12-2: rgba(83,202,67,0.12); /* @kind color */
  --color-brand-green-12: rgba(4,176,108,0.12); /* @kind color */
  --color-brand-green-5: rgba(4,176,108,0.05); /* @kind color */
  --color-brand-green-yellow-12: rgba(186,233,145,0.12); /* @kind color */
  --color-brand-green-yellow: rgb(186,233,145); /* @kind color */
  --color-brand-interaction-black: rgb(24,28,31); /* @kind color */
  --color-brand-lavender-12: rgba(127,118,255,0.12); /* @kind color */
  --color-brand-lavender-20: rgba(127,118,255,0.2); /* @kind color */
  --color-brand-lavender-50: rgba(127,118,255,0.5); /* @kind color */
  --color-brand-lavender: rgb(127,118,255); /* @kind color */
  --color-brand-light-blue-10: rgba(161,204,255,0.1); /* @kind color */
  --color-brand-light-blue-5: rgba(161,204,255,0.05); /* @kind color */
  --color-brand-light-blue: rgb(161,204,255); /* @kind color */
  --color-brand-medium-blue-20: rgba(42,55,151,0.2); /* @kind color */
  --color-brand-medium-blue-50: rgba(42,55,151,0.5); /* @kind color */
  --color-brand-medium-blue: rgb(42,55,151); /* @kind color */
  --color-brand-orange-100: rgb(255,110,64); /* @kind color */
  --color-brand-orange-12: rgba(255,110,64,0.12); /* @kind color */
  --color-brand-orange-5: rgba(255,110,64,0.05); /* @kind color */
  --color-brand-pink-2: rgb(255,66,132); /* @kind color */
  --color-brand-pink-5: rgba(255,66,132,0.05); /* @kind color */
  --color-brand-pink: rgb(255,66,132); /* @kind color */
  --color-brand-purple-100: rgb(157,92,247); /* @kind color */
  --color-brand-purple-12: rgba(157,92,247,0.12); /* @kind color */
  --color-brand-purple-5: rgba(157,92,247,0.05); /* @kind color */
  --color-brand-purple-60: rgba(157,92,247,0.6); /* @kind color */
  --color-brand-purple: rgb(206,100,255); /* @kind color */
  --color-brand-red-100: rgb(255,47,47); /* @kind color */
  --color-brand-red-12-2: rgba(255,47,47,0.12); /* @kind color */
  --color-brand-red-12: rgba(255,47,47,0.12); /* @kind color */
  --color-brand-red-5: rgba(255,47,47,0.05); /* @kind color */
  --color-brand-rose-2: rgb(255,112,139); /* @kind color */
  --color-brand-rose: rgb(255,112,139); /* @kind color */
  --color-brand-turqoise: rgb(95,238,255); /* @kind color */
  --color-brand-violet: rgb(99,135,242); /* @kind color */
  --color-brand-white: rgb(255,255,255); /* @kind color */
  --color-brand-yellow-100-2: rgb(255,184,111); /* @kind color */
  --color-brand-yellow-100: rgb(255,184,111); /* @kind color */
  --color-brand-yellow-12: rgba(255,184,111,0.12); /* @kind color */
  --color-brand-yellow-5: rgba(255,184,111,0.05); /* @kind color */
  --color-brand-yellow-orange-12: rgba(255,152,104,0.12); /* @kind color */
  --color-brand-yellow-orange-5: rgba(255,152,104,0.05); /* @kind color */
  --color-brand-yellow-orange: rgb(255,152,104); /* @kind color */
  --color-grey-grey-1: rgb(158,158,158); /* @kind color */
  --color-greyscale-grey-0-2: rgb(246,247,251); /* @kind color */
  --color-greyscale-grey-0: rgb(246,247,251); /* @kind color */
  --color-greyscale-grey-100-2: rgb(158,158,158); /* @kind color */
  --color-greyscale-grey-100: rgb(132,142,158); /* @kind color */
  --color-greyscale-grey-12-2: rgba(158,158,158,0.12); /* @kind color */
  --color-greyscale-grey-12: rgba(158,158,158,0.12); /* @kind color */
  --color-greyscale-grey-200-2: rgb(64,70,76); /* @kind color */
  --color-greyscale-grey-200: rgb(64,70,76); /* @kind color */
  --color-greyscale-grey-300-2: rgb(45,51,57); /* @kind color */
  --color-greyscale-grey-300: rgb(45,51,57); /* @kind color */
  --color-greyscale-grey-400: rgb(24,28,31); /* @kind color */
  --color-greyscale-grey-500: rgb(19,19,19); /* @kind color */
  --color-greyscale-grey-5: rgba(158,158,158,0.05); /* @kind color */
  --color-greyscale-white-100: rgb(255,255,255); /* @kind color */
  --color-greyscale-white-5: rgba(255,255,255,0.05); /* @kind color */
  --color-greyscale-white: rgb(255,255,255); /* @kind color */
  --color-navy-green-1: rgb(111,193,130); /* @kind color */
  --color-navy-navy-300-2: rgb(63,94,157); /* @kind color */
  --color-navy-navy-300: rgb(63,94,157); /* @kind color */
  --color-navy-navy-400-2: rgb(46,70,116); /* @kind color */
  --color-navy-navy-400-3: rgb(46,70,116); /* @kind color */
  --color-navy-navy-400: rgb(56,56,116); /* @kind color */
  --color-navy-navy-50-2: rgba(15,29,44,0.5); /* @kind color */
  --color-navy-navy-50: rgba(15,29,44,0.5); /* @kind color */
  --color-navy-navy-600: rgb(31,46,77); /* @kind color */
  --color-navy-navy-850: rgb(6,18,42); /* @kind color */
  --color-navy-navy-875: rgb(14,19,47); /* @kind color */
  --color-navy-navy-900-2: rgb(15,25,44); /* @kind color */
  --color-navy-navy-900: rgb(15,25,44); /* @kind color */
  --color-navy-navy-950-2: rgb(10,16,23); /* @kind color */
  --color-navy-navy-950: rgb(10,16,23); /* @kind color */
  --color-navy-navy-975-2: rgb(2,7,12); /* @kind color */
  --color-navy-navy-975-70-trans: rgba(2,7,12,0.7); /* @kind color */
  --color-navy-navy-975: rgb(2,7,12); /* @kind color */
  --color-red-dark-red-100: rgb(209,88,82); /* @kind color */
  --color-red-dark-red-200: rgb(146,54,49); /* @kind color */
  --color-red-dark-red-300: rgb(122,48,45); /* @kind color */
  --color-red-dark-red-400: rgb(97,42,41); /* @kind color */
  --color-red-dark-red-50: rgba(52,12,11,0.5); /* @kind color */
  --color-red-red-100-12: rgba(255,178,178,0.12); /* @kind color */
  --color-red-red-100-2: rgb(255,178,178); /* @kind color */
  --color-red-red-100: rgb(245,163,163); /* @kind color */
  --color-red-red-200-12: rgba(255,150,150,0.12); /* @kind color */
  --color-red-red-200-2: rgb(255,150,150); /* @kind color */
  --color-red-red-200: rgb(255,150,150); /* @kind color */
  --color-red-red-300-12: rgba(255,118,118,0.12); /* @kind color */
  --color-red-red-300-2: rgb(255,118,118); /* @kind color */
  --color-red-red-300: rgb(255,118,118); /* @kind color */
  --color-red-red-400-12: rgba(255,86,86,0.12); /* @kind color */
  --color-red-red-400-2: rgb(255,86,86); /* @kind color */
  --color-red-red-400-80: rgba(255,86,86,0.8); /* @kind color */
  --color-red-red-400: rgb(255,86,86); /* @kind color */
  --color-transparent-transparent-black-2: rgba(0,0,0,0); /* @kind color */
  --color-transparent-transparent-black: rgba(0,0,0,0); /* @kind color */
  --color-transparent-transparent-red: rgba(255,86,86,0); /* @kind color */
  --color-transparent-transparent-white-2: rgba(255,255,255,0); /* @kind color */
  --color-transparent-transparent-white: rgba(255,255,255,0); /* @kind color */
  --colors-blues-dark-blue-1-40-trans: rgba(25,35,42,0.4); /* @kind color */
  --colors-blues-dark-blue-1: rgb(25,35,42); /* @kind color */
  --colors-blues-dark-blue-2-60-trans: rgba(25,47,61,0.6); /* @kind color */
  --colors-blues-dark-blue-2-80-trans: rgba(25,47,61,0.8); /* @kind color */
  --colors-blues-dark-blue-2: rgb(25,47,61); /* @kind color */
  --colors-blues-dark-blue-3-60-trans: rgba(37,71,94,0.6); /* @kind color */
  --colors-blues-dark-blue-3-80-trans: rgba(37,71,94,0.8); /* @kind color */
  --colors-blues-dark-blue-3: rgb(37,71,94); /* @kind color */
  --colors-blues-dark-blue-4: rgb(78,114,142); /* @kind color */
  --colors-brand-blue-1: rgb(149,209,255); /* @kind color */
  --colors-brand-blue-2: rgb(25,61,88); /* @kind color */
  --colors-brand-blue-3: rgb(31,82,109); /* @kind color */
  --colors-brand-blue-4: rgb(99,135,242); /* @kind color */
  --colors-brand-blue-l1: rgb(227,236,251); /* @kind color */
  --colors-brand-blue-l2: rgb(229,245,255); /* @kind color */
  --colors-brand-blue-l3: rgb(91,197,219); /* @kind color */
  --colors-brand-blue-l4: rgb(204,230,244); /* @kind color */
  --colors-brand-blue-l5: rgb(18,147,182); /* @kind color */
  --colors-brand-brick-1: rgb(166,86,86); /* @kind color */
  --colors-brand-brick-l1-60-trans: rgba(212,106,106,0.6); /* @kind color */
  --colors-brand-brick-l1: rgb(212,106,106); /* @kind color */
  --colors-brand-cyan-1: rgb(12,77,61); /* @kind color */
  --colors-brand-cyan-2: rgb(28,236,184); /* @kind color */
  --colors-brand-cyan-l1: rgb(138,243,216); /* @kind color */
  --colors-brand-cyan-l2: rgb(23,217,168); /* @kind color */
  --colors-brand-green-1-5trans: rgba(145,233,159,0.05); /* @kind color */
  --colors-brand-green-1: rgb(145,233,159); /* @kind color */
  --colors-brand-green-3: rgb(38,71,44); /* @kind color */
  --colors-brand-green-l1: rgb(9,175,0); /* @kind color */
  --colors-brand-green-l2: rgb(116,185,0); /* @kind color */
  --colors-brand-green-l3: rgb(117,217,133); /* @kind color */
  --colors-brand-green-l4: rgb(213,243,190); /* @kind color */
  --colors-brand-green-l5: rgb(208,240,214); /* @kind color */
  --colors-brand-green-yellow: rgb(186,233,145); /* @kind color */
  --colors-brand-orange-l1-10trans: rgba(253,138,73,0.1); /* @kind color */
  --colors-brand-orange-l1: rgb(255,110,64); /* @kind color */
  --colors-brand-pink-1: rgb(109,46,74); /* @kind color */
  --colors-brand-pink-2: rgb(255,66,132); /* @kind color */
  --colors-brand-pink-l1: rgb(234,175,196); /* @kind color */
  --colors-brand-purple-1: rgb(71,28,102); /* @kind color */
  --colors-brand-purple-2: rgb(206,100,255); /* @kind color */
  --colors-brand-purple-l1: rgb(222,207,240); /* @kind color */
  --colors-brand-red-1-10-trans: rgba(255,86,86,0.1); /* @kind color */
  --colors-brand-red-1-30-trans: rgba(255,86,86,0.3); /* @kind color */
  --colors-brand-red-1: rgb(255,86,86); /* @kind color */
  --colors-brand-red-2-30trans: rgba(255,118,118,0.3); /* @kind color */
  --colors-brand-red-2-5trans: rgba(255,118,118,0.05); /* @kind color */
  --colors-brand-red-2: rgb(255,118,118); /* @kind color */
  --colors-brand-red-3-30-trans: rgba(255,150,150,0.3); /* @kind color */
  --colors-brand-red-3: rgb(255,150,150); /* @kind color */
  --colors-brand-red-4-30-trans: rgba(255,178,178,0.3); /* @kind color */
  --colors-brand-red-4: rgb(255,178,178); /* @kind color */
  --colors-brand-red-5: rgb(156,43,46); /* @kind color */
  --colors-brand-red-l1-30-trans: rgba(179,38,30,0.3); /* @kind color */
  --colors-brand-red-l1: rgb(179,38,30); /* @kind color */
  --colors-brand-red-l2-30trans: rgba(217,48,37,0.3); /* @kind color */
  --colors-brand-red-l2: rgb(255,61,0); /* @kind color */
  --colors-brand-red-l3-30-trans: rgba(239,108,96,0.3); /* @kind color */
  --colors-brand-red-l3: rgb(239,108,96); /* @kind color */
  --colors-brand-red-l4-30-trans: rgba(245,163,163,0.3); /* @kind color */
  --colors-brand-red-l4: rgb(245,163,163); /* @kind color */
  --colors-brand-red-l5: rgb(231,76,60); /* @kind color */
  --colors-brand-yellow-1-30trans: rgba(255,235,131,0.3); /* @kind color */
  --colors-brand-yellow-1: rgb(255,235,131); /* @kind color */
  --colors-brand-yellow-l1-30trans: rgba(255,199,0,0.3); /* @kind color */
  --colors-brand-yellow-l1: rgb(251,192,45); /* @kind color */
  --colors-brand-yellow-l2: rgb(252,239,191); /* @kind color */
  --colors-brand-yellow-orange-10-trans: rgba(255,197,131,0.05); /* @kind color */
  --colors-brand-yellow-orange: rgb(255,197,131); /* @kind color */
  --colors-greyscale-black-2-80trans: rgba(22,26,30,0.8); /* @kind color */
  --colors-greyscale-color: rgb(255,255,255); /* @kind color */
  --colors-greyscale-grey-1: rgb(26,28,29); /* @kind color */
  --colors-greyscale-grey-2: rgb(30,33,36); /* @kind color */
  --colors-greyscale-grey-3-60trans: rgba(40,45,48,0.6); /* @kind color */
  --colors-greyscale-grey-3: rgb(40,45,48); /* @kind color */
  --colors-greyscale-grey-4: rgb(45,51,57); /* @kind color */
  --colors-greyscale-grey-5: rgb(64,70,76); /* @kind color */
  --colors-greyscale-grey-6: rgb(140,148,154); /* @kind color */
  --colors-greyscale-grey-l1: rgb(26,28,29); /* @kind color */
  --colors-greyscale-grey-l2: rgb(94,106,113); /* @kind color */
  --colors-greyscale-grey-l3: rgb(170,177,183); /* @kind color */
  --colors-greyscale-grey-l4: rgb(205,211,215); /* @kind color */
  --colors-greyscale-grey-l5: rgb(241,241,241); /* @kind color */
  --colors-greyscale-grey-l6: rgb(246,247,249); /* @kind color */
  --colors-greyscale-greyl3-40trans: rgba(170,177,183,0.4); /* @kind color */
  --colors-greyscale-interaction-black: rgb(8,9,10); /* @kind color */
  --colors-greyscale-off-white: rgb(239,241,248); /* @kind color */
  --colors-greyscale-white: rgb(255,255,255); /* @kind color */
  --colors-primary-white: rgb(255,255,255); /* @kind color */
  --colors-teals-teal-1-hover: rgb(237,244,245); /* @kind color */
  --colors-teals-teal-1: rgb(208,232,235); /* @kind color */
  --colors-teals-teal-2: rgb(169,221,226); /* @kind color */
  --colors-teals-teal-3-80-trans: rgba(33,128,141,0.8); /* @kind color */
  --colors-teals-teal-3: rgb(33,128,141); /* @kind color */
  --colors-teals-teal-4: rgb(27,107,118); /* @kind color */
  --colors-teals-teal-5: rgb(181,200,204); /* @kind color */
  --icon-accent: var(--color-brand-blue); /* @kind color */
  --icon-accents-blue-dark: var(--color-navy-navy-300); /* @kind color */
  --icon-accents-blue: var(--color-brand-light-blue); /* @kind color */
  --icon-accents-cyan: var(--color-brand-cyan-100); /* @kind color */
  --icon-accents-deep-blue: var(--color-brand-medium-blue); /* @kind color */
  --icon-accents-green: var(--color-brand-green-yellow); /* @kind color */
  --icon-accents-navy: var(--color-navy-navy-850); /* @kind color */
  --icon-accents-pink: var(--color-brand-pink-2); /* @kind color */
  --icon-accents-purple: var(--color-brand-purple); /* @kind color */
  --icon-accents-violet: var(--color-brand-violet); /* @kind color */
  --icon-accents-white: var(--color-greyscale-white-100); /* @kind color */
  --icon-accents-yellow: var(--color-brand-yellow-100-2); /* @kind color */
  --icon-background-blue: var(--color-navy-navy-600); /* @kind color */
  --icon-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --icon-medium: 32; /* @kind spacing */
  --icon-primary-2: var(--color-greyscale-white); /* @kind color */
  --icon-primary-3: var(--color-greyscale-white); /* @kind color */
  --icon-primary-4: var(--color-greyscale-white); /* @kind color */
  --icon-primary: var(--color-greyscale-white); /* @kind color */
  --icon-secondary-2: var(--color-grey-grey-1); /* @kind color */
  --icon-secondary: var(--color-greyscale-grey-100); /* @kind color */
  --radius-full: 9999;
  --shadow-negative: var(--colors-brand-red-2); /* @kind color */
  --shadow-positive: var(--colors-brand-green-1); /* @kind color */
  --state-neutral-background: var(--color-greyscale-grey-12-2); /* @kind color */
  --state-neutral-border: var(--color-greyscale-white); /* @kind color */
  --state-neutral-icon: var(--color-greyscale-white); /* @kind color */
  --state-neutral-text: var(--color-greyscale-white); /* @kind color */
  --state-neutral-transparent-surface-white: var(--color-greyscale-white-5); /* @kind color */
  --state-neutral-trasparent-surface-grey: var(--color-greyscale-grey-12-2); /* @kind color */
  --state-severity-critical-2: var(--color-red-red-400-2); /* @kind color */
  --state-severity-critical: var(--color-red-red-400-2); /* @kind color */
  --state-severity-high: var(--color-red-red-300-2); /* @kind color */
  --state-severity-low: var(--color-red-red-100-2); /* @kind color */
  --state-severity-medium: var(--color-red-red-200-2); /* @kind color */
  --state-severity-surface-transparent-critical: var(--color-red-red-400-12); /* @kind color */
  --state-severity-surface-transparent-high: var(--color-red-red-300-12); /* @kind color */
  --state-severity-surface-transparent-low: var(--color-red-red-100-12); /* @kind color */
  --state-severity-surface-transparent-medium: var(--color-red-red-200-12); /* @kind color */
  --state-somewhat-bad-border: var(--color-brand-yellow-orange); /* @kind color */
  --state-somewhat-bad-icon: var(--color-brand-yellow-orange); /* @kind color */
  --state-somewhat-bad-text: var(--color-brand-yellow-orange); /* @kind color */
  --state-somewhat-bad-trasparent-surface: var(--color-brand-yellow-orange-12); /* @kind color */
  --state-somewhat-good-background: var(--color-brand-green-yellow-12); /* @kind color */
  --state-somewhat-good-border: var(--color-brand-green-yellow); /* @kind color */
  --state-somewhat-good-icon: var(--color-brand-green-yellow); /* @kind color */
  --state-somewhat-good-text: var(--color-brand-green-yellow); /* @kind color */
  --state-success-background: var(--color-brand-cyan-10); /* @kind color */
  --state-success-border: var(--color-brand-cyan-100); /* @kind color */
  --state-success-icon-2: var(--color-brand-cyan-100); /* @kind color */
  --state-success-icon-3: var(--color-brand-cyan-100); /* @kind color */
  --state-success-icon: var(--color-brand-cyan-100); /* @kind color */
  --state-success-text: var(--color-brand-cyan-100); /* @kind color */
  --state-success-trasparent-surface: var(--color-brand-cyan-5); /* @kind color */
  --state-urgent-background: var(--color-brand-red-12-2); /* @kind color */
  --state-urgent-border-2: var(--color-red-red-400-2); /* @kind color */
  --state-urgent-border: var(--color-red-red-400-2); /* @kind color */
  --state-urgent-icon-2: var(--color-red-red-400-2); /* @kind color */
  --state-urgent-icon: var(--color-red-red-400-2); /* @kind color */
  --state-urgent-text: var(--color-red-red-400-2); /* @kind color */
  --state-urgent-transparent-surface: var(--color-brand-red-5); /* @kind color */
  --state-warning-border-2: var(--color-brand-yellow-100-2); /* @kind color */
  --state-warning-border: var(--color-brand-yellow-100-2); /* @kind color */
  --state-warning-icon: var(--color-brand-yellow-100-2); /* @kind color */
  --state-warning-text: var(--color-brand-yellow-100-2); /* @kind color */
  --state-warning-trasparent-surface: var(--color-brand-yellow-5); /* @kind color */
  --surface-accent-blue: var(--colors-brand-blue-3); /* @kind color */
  --surface-accent-grey: var(--colors-greyscale-grey-5); /* @kind color */
  --surface-accent-yellow: var(--colors-brand-yellow-1); /* @kind color */
  --surface-avatar-grey: var(--colors-greyscale-grey-4); /* @kind color */
  --surface-background-accent: var(--color-brand-light-blue-5); /* @kind color */
  --surface-background-ai: var(--color-brand-purple-12); /* @kind color */
  --surface-background-bad-trans: var(--colors-brand-red-2-30trans); /* @kind color */
  --surface-background-box-2: var(--color-brand-white); /* @kind color */
  --surface-background-box: var(--color-navy-navy-950); /* @kind color */
  --surface-background-contrast-glass-2-2: var(--colors-greyscale-black-2-80trans); /* @kind color */
  --surface-background-contrast-glass-2: var(--colors-greyscale-black-2-80trans); /* @kind color */
  --surface-background-contrast-glass: var(--colors-blues-dark-blue-1-40-trans); /* @kind color */
  --surface-background-contrast: var(--colors-blues-dark-blue-1); /* @kind color */
  --surface-background-critical: var(--colors-brand-red-1-30-trans); /* @kind color */
  --surface-background-disabled: var(--color-greyscale-grey-300); /* @kind color */
  --surface-background-frosted: var(--color-brand-lavender-12); /* @kind color */
  --surface-background-high: var(--colors-brand-red-2-30trans); /* @kind color */
  --surface-background-hover-with-shadow: var(--colors-blues-dark-blue-1); /* @kind color */
  /* LOCAL PATCH of a vendored file — do not lose this on a re-sync.
   *
   * Upstream ships `var(--color-navy-navy-950:)`, with a stray colon inside
   * the property name. That is not a valid custom-property reference, so the
   * whole `var()` fails and every declaration reading this token is invalid
   * at computed-value time — meaning it silently produces NO background at
   * all. Dark-theme hover feedback (table rows, row-menu items) is dead
   * because of it, on the default theme, with nothing in the console.
   *
   * The colon is dropped rather than the value re-chosen: navy-950 is what
   * upstream names, and re-picking a colour here would be a design decision
   * taken in a vendored file. Note that it is also
   * `--surface-background-box`'s value, so a row hover still resolves to the
   * card's own colour and reads as no hover — a separate question, and one
   * for the design system rather than a patch. */
  --surface-background-hover-without-shadow: var(--color-navy-navy-950); /* @kind color */
  --surface-background-hover: var(--color-blue-blue-550-20-trans); /* @kind color */
  --surface-background-low: var(--colors-brand-red-4-30-trans); /* @kind color */
  --surface-background-mediocre-warning: var(--colors-brand-yellow-1-30trans); /* @kind color */
  --surface-background-medium: var(--colors-brand-red-3-30-trans); /* @kind color */
  --surface-background-no-rating: var(--colors-blues-dark-blue-1-40-trans); /* @kind color */
  --surface-background-pop-up-transparent: var(--color-navy-navy-975-70-trans); /* @kind color */
  --surface-background-pop-up: var(--color-navy-navy-975); /* @kind color */
  --surface-background-primary-2: var(--color-navy-navy-950); /* @kind color */
  --surface-background-primary-3: var(--color-brand-white); /* @kind color */
  --surface-background-primary: var(--colors-greyscale-grey-1); /* @kind color */
  --surface-background-secondary: var(--colors-greyscale-grey-2); /* @kind color */
  --surface-background-somewhat-bad-2: var(--colors-brand-yellow-orange-10-trans); /* @kind color */
  --surface-background-transparent: var(--color-transparent-transparent-black-2); /* @kind color */
  --surface-button-primary-disabled: var(--colors-greyscale-grey-3-60trans); /* @kind color */
  --surface-button-primary-hover: var(--colors-blues-dark-blue-3-80-trans); /* @kind color */
  --surface-button-primary: var(--colors-blues-dark-blue-3-60-trans); /* @kind color */
  --surface-button-secondary-hover: var(--colors-blues-dark-blue-2-80-trans); /* @kind color */
  --surface-button-secondary: var(--colors-blues-dark-blue-2-60-trans); /* @kind color */
  --surface-button-surface-box-background: var(--color-brand-interaction-black); /* @kind color */
  --surface-button-warning-secondary: var(--colors-brand-red-1-10-trans); /* @kind color */
  --surface-contrast-high-2: var(--color-blue-blue-700-2); /* @kind color */
  --surface-contrast-high: var(--colors-greyscale-white); /* @kind color */
  --surface-contrast-low-2: var(--color-navy-navy-975); /* @kind color */
  --surface-contrast-low-3: var(--color-navy-navy-900-2); /* @kind color */
  --surface-contrast-low-4: var(--color-brand-interaction-black); /* @kind color */
  --surface-contrast-low: var(--colors-greyscale-grey-6); /* @kind color */
  --surface-contrast-negative: var(--colors-brand-red-2-5trans); /* @kind color */
  --surface-contrast-positive: var(--colors-brand-green-1-5trans); /* @kind color */
  --surface-funnel-surface-1: var(--color-brand-lavender); /* @kind color */
  --surface-funnel-surface-2: var(--color-brand-lavender-20); /* @kind color */
  --surface-glass-colourful: var(--color-brand-lavender-50); /* @kind color */
  --surface-glass-stop-1-2: var(--color-blue-blue-550-20-trans-2); /* @kind color */
  --surface-glass-stop-1: var(--color-blue-blue-550-20-trans-2); /* @kind color */
  --surface-glass-stop-2-2: var(--color-blue-blue-650-20-trans-2); /* @kind color */
  --surface-glass-stop-2: var(--color-blue-blue-650-20-trans-2); /* @kind color */
  --surface-gradient-ai-stop-1: var(--color-brand-purple-100); /* @kind color */
  --surface-gradient-ai-stop-2: var(--color-brand-dark-purple-100); /* @kind color */
  --surface-gradient-urgent-urgent-stop-1: var(--color-red-red-400-80); /* @kind color */
  --surface-gradient-urgent-urgent-stop-2: var(--color-transparent-transparent-red); /* @kind color */
  --surface-icon-accent: var(--colors-brand-blue-1); /* @kind color */
  --surface-icon-background-primary: var(--colors-blues-dark-blue-3); /* @kind color */
  --surface-icon-background-secondary: var(--colors-blues-dark-blue-2-60-trans); /* @kind color */
  --surface-icon-button-icon: var(--colors-greyscale-white); /* @kind color */
  --surface-icon-disabled: var(--colors-greyscale-grey-5); /* @kind color */
  --surface-icon-good: var(--color-navy-green-1); /* @kind color */
  --surface-icon-primary-2: var(--color-brand-white); /* @kind color */
  --surface-icon-primary: var(--colors-greyscale-white); /* @kind color */
  --surface-icon-secondary-disabled: var(--colors-greyscale-grey-3); /* @kind color */
  --surface-icon-secondary: var(--colors-greyscale-grey-6); /* @kind color */
  --surface-icon-somewhat-bad: var(--border-somewhat-bad); /* @kind color */
  --surface-icon-success: var(--colors-brand-green-1); /* @kind color */
  --surface-icon-urgent: var(--colors-brand-red-2); /* @kind color */
  --surface-map-surface: var(--color-brand-interaction-black); /* @kind color */
  --surface-negative-2: var(--colors-brand-red-2); /* @kind color */
  --surface-negative: var(--colors-brand-red-1); /* @kind color */
  --surface-neutral: var(--colors-brand-blue-1); /* @kind color */
  --surface-page-stop-1: var(--color-navy-navy-900); /* @kind color */
  --surface-page-stop-2: var(--color-navy-navy-975); /* @kind color */
  --surface-page-stop-3: var(--color-navy-navy-975); /* @kind color */
  --surface-page-stop-4: var(--color-navy-navy-950); /* @kind color */
  --surface-positive-light: var(--colors-brand-green-1); /* @kind color */
  --surface-positive: var(--colors-brand-green-3); /* @kind color */
  --text-accent-2: var(--color-brand-blue); /* @kind color */
  --text-accent: var(--colors-brand-blue-1); /* @kind color */
  --text-ai: var(--color-brand-purple-100); /* @kind color */
  --text-code: var(--color-brand-turqoise); /* @kind color */
  --text-contrast: var(--color-brand-cornflower); /* @kind color */
  --text-cra-report-primary: var(--colors-greyscale-white); /* @kind color */
  --text-cra-report-secondary: var(--color-greyscale-grey-100); /* @kind color */
  --text-critical: var(--colors-brand-red-1); /* @kind color */
  --text-disabled-2: var(--color-greyscale-grey-200-2); /* @kind color */
  --text-disabled: var(--colors-greyscale-grey-5); /* @kind color */
  --text-focus: var(--color-greyscale-white); /* @kind color */
  --text-high: var(--colors-brand-red-2); /* @kind color */
  --text-hover: var(--color-blue-blue-500-2); /* @kind color */
  --text-low: var(--colors-brand-red-4); /* @kind color */
  --text-medium: var(--colors-brand-red-3); /* @kind color */
  --text-negative: var(--colors-brand-red-2); /* @kind color */
  --text-positive: var(--colors-brand-green-1); /* @kind color */
  --text-primary-2: var(--color-greyscale-white); /* @kind color */
  --text-primary: var(--colors-greyscale-white); /* @kind color */
  --text-secondary-2: var(--color-greyscale-grey-100); /* @kind color */
  --text-secondary-3: var(--color-grey-grey-1); /* @kind color */
  --text-secondary-button: var(--colors-greyscale-white); /* @kind color */
  --text-secondary: var(--colors-greyscale-grey-6); /* @kind color */
  --text-somewhat-bad: var(--colors-brand-yellow-orange); /* @kind color */
  --text-somewhat-good: var(--colors-brand-green-yellow); /* @kind color */
  --text-text-secondary: var(--color-grey-grey-1); /* @kind color */
  --text-warning: var(--colors-brand-yellow-1); /* @kind color */
  --ux-background: rgb(24,28,31); /* @kind color */
}

:root[data-theme="light"], .light {
  --border-accent-blue: var(--colors-brand-blue-l3); /* @kind color */
  --border-accent-cyan: var(--colors-brand-cyan-l1); /* @kind color */
  --border-accent-grey: var(--colors-greyscale-grey-l4); /* @kind color */
  --border-accent-pink: var(--colors-brand-pink-2); /* @kind color */
  --border-accent-purple: var(--colors-brand-purple-2); /* @kind color */
  --border-accent-yellow: var(--colors-brand-yellow-l1); /* @kind color */
  --border-accent: var(--colors-brand-blue-l5); /* @kind color */
  --border-boxes: var(--colors-greyscale-grey-l3); /* @kind color */
  --border-critical: var(--colors-brand-red-l1); /* @kind color */
  --border-disabled: var(--colors-greyscale-grey-l5); /* @kind color */
  --border-high: var(--colors-brand-red-l2); /* @kind color */
  --border-lines: var(--colors-greyscale-grey-l3); /* @kind color */
  --border-low: var(--colors-brand-red-l4); /* @kind color */
  --border-medium: var(--colors-brand-red-l3); /* @kind color */
  --border-negative: var(--colors-brand-red-l2); /* @kind color */
  --border-positive: var(--colors-brand-green-l1); /* @kind color */
  --border-primary-button-border: var(--colors-teals-teal-3); /* @kind color */
  --border-primary: var(--colors-greyscale-grey-1); /* @kind color */
  --border-secondary-button-border: var(--colors-teals-teal-2); /* @kind color */
  --border-secondary: var(--colors-greyscale-grey-l3); /* @kind color */
  --border-somewhat-bad: var(--colors-brand-orange-l1); /* @kind color */
  --borders-accent: var(--color-brand-electric-blue-2); /* @kind color */
  --borders-ai-graph: var(--color-brand-dark-puprle-60); /* @kind color */
  --borders-ai: var(--color-brand-purple-100); /* @kind color */
  --borders-box: var(--color-blue-blue-100-2); /* @kind color */
  --borders-diamond-stop-1: var(--color-brand-medium-blue-20); /* @kind color */
  --borders-diamond-stop-2: var(--color-transparent-transparent-white); /* @kind color */
  --borders-disabled: var(--color-greyscale-grey-100); /* @kind color */
  --borders-focus: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-1-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-1-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-1: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-2-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-2-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-3-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-3-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-3: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-4-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-4-2: var(--color-greyscale-white); /* @kind color */
  --borders-glass-stop-4: var(--color-greyscale-white); /* @kind color */
  --borders-hover: var(--color-blue-blue-50-2); /* @kind color */
  --borders-line-2: var(--color-blue-blue-100-2); /* @kind color */
  --borders-line-2: var(--color-blue-blue-100-2); /* @kind color */
  --borders-line: var(--color-blue-blue-100-2); /* @kind color */
  --borders-map: var(--color-brand-electric-blue-2); /* @kind color */
  --button-primary-background-active: var(--color-navy-navy-400); /* @kind color */
  --button-primary-background-default-2: var(--color-navy-navy-400); /* @kind color */
  --button-primary-background-default-2: var(--color-navy-navy-400); /* @kind color */
  --button-primary-background-default: var(--color-navy-navy-400); /* @kind color */
  --button-primary-background-disabled: var(--color-grey-grey-1); /* @kind color */
  --button-primary-background-hover: var(--color-navy-navy-300-2); /* @kind color */
  --button-primary-background-pressed: var(--color-navy-navy-300-2); /* @kind color */
  --button-primary-border-active: var(--color-greyscale-grey-500); /* @kind color */
  --button-primary-icon-active: var(--color-greyscale-white); /* @kind color */
  --button-primary-icon-default: var(--color-greyscale-white); /* @kind color */
  --button-primary-icon-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-primary-text-active: var(--color-greyscale-white); /* @kind color */
  --button-primary-text-default: var(--color-greyscale-white); /* @kind color */
  --button-primary-text-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-secondary-background-active: var(--color-navy-navy-400); /* @kind color */
  --button-secondary-background-default: var(--color-blue-blue-100-2); /* @kind color */
  --button-secondary-background-disabled: var(--color-greyscale-grey-12-2); /* @kind color */
  --button-secondary-background-hover: var(--color-navy-navy-300-2); /* @kind color */
  --button-secondary-background-pressed: var(--color-navy-navy-300-2); /* @kind color */
  --button-secondary-border-active: var(--color-greyscale-grey-500); /* @kind color */
  --button-secondary-border-default: var(--color-navy-navy-400); /* @kind color */
  --button-secondary-border-disabled: var(--color-grey-grey-1); /* @kind color */
  --button-secondary-border-hover: var(--color-navy-navy-400); /* @kind color */
  --button-secondary-border-pressed: var(--color-navy-navy-400); /* @kind color */
  --button-secondary-icon-active: var(--color-greyscale-white); /* @kind color */
  --button-secondary-icon-default: var(--color-navy-navy-400); /* @kind color */
  --button-secondary-icon-disabled: var(--color-grey-grey-1); /* @kind color */
  --button-secondary-text-active: var(--color-greyscale-white); /* @kind color */
  --button-secondary-text-default: var(--color-navy-navy-400); /* @kind color */
  --button-secondary-text-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-secondary-text-focus: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-background-active: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-background-default-2: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-background-default-2: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-background-default: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-background-disabled: var(--color-greyscale-grey-12-2); /* @kind color */
  --button-tertiary-background-hover: var(--color-navy-navy-300-2); /* @kind color */
  --button-tertiary-background-pressed: var(--color-navy-navy-300-2); /* @kind color */
  --button-tertiary-background-sidebar-selected: var(--color-blue-blue-100-2); /* @kind color */
  --button-tertiary-background-sidebar-unselected: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-border-active: var(--color-navy-navy-400); /* @kind color */
  --button-tertiary-border-default: var(--color-transparent-transparent-black-2); /* @kind color */
  --button-tertiary-border-disabled: var(--color-grey-grey-1); /* @kind color */
  --button-tertiary-border-hover: var(--color-blue-blue-700-2); /* @kind color */
  --button-tertiary-border-pressed: var(--color-navy-navy-400); /* @kind color */
  --button-tertiary-icon-active: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-icon-default: var(--color-navy-navy-400); /* @kind color */
  --button-tertiary-icon-disabled: var(--color-greyscale-grey-200); /* @kind color */
  --button-tertiary-icon-siedbar-unselected: var(--color-navy-navy-300); /* @kind color */
  --button-tertiary-text-active: var(--color-greyscale-white); /* @kind color */
  --button-tertiary-text-default: var(--color-navy-navy-400); /* @kind color */
  --button-tertiary-text-disabled: var(--color-greyscale-grey-200); /* @kind color */
  --button-tertiary-text-sidebar-unselected: var(--color-navy-navy-300); /* @kind color */
  --button-warning-background-active: var(--color-red-red-200); /* @kind color */
  --button-warning-background-default: var(--color-red-red-100); /* @kind color */
  --button-warning-background-disabled: var(--color-grey-grey-1); /* @kind color */
  --button-warning-background-hover: var(--color-red-red-200); /* @kind color */
  --button-warning-background-pressed: var(--color-red-red-300); /* @kind color */
  --button-warning-border-active: var(--color-greyscale-white); /* @kind color */
  --button-warning-border-default: var(--color-red-dark-red-200); /* @kind color */
  --button-warning-icon-default: var(--color-greyscale-grey-500); /* @kind color */
  --button-warning-icon-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --button-warning-text-default: var(--color-greyscale-grey-500); /* @kind color */
  --button-warning-text-disabled: var(--color-greyscale-grey-200-2); /* @kind color */
  --icon-accent: var(--color-brand-electric-blue); /* @kind color */
  --icon-accents-blue-dark: var(--color-brand-light-blue); /* @kind color */
  --icon-accents-blue: var(--icon-accents-blue-dark); /* @kind color */
  --icon-accents-cyan: var(--color-brand-cyan-100); /* @kind color */
  --icon-accents-deep-blue: var(--color-blue-blue-500); /* @kind color */
  --icon-accents-green: var(--color-brand-green-100-2); /* @kind color */
  --icon-accents-navy: var(--color-navy-navy-850); /* @kind color */
  --icon-accents-pink: var(--color-brand-pink-2); /* @kind color */
  --icon-accents-purple: var(--color-brand-purple); /* @kind color */
  --icon-accents-violet: var(--color-brand-violet); /* @kind color */
  --icon-accents-white: var(--color-greyscale-grey-500); /* @kind color */
  --icon-accents-yellow: var(--color-brand-yellow-100-2); /* @kind color */
  --icon-background-blue: var(--color-navy-navy-300); /* @kind color */
  --icon-disabled: var(--color-greyscale-grey-100); /* @kind color */
  --icon-primary-2: var(--color-navy-navy-400); /* @kind color */
  --icon-primary-3: var(--color-navy-navy-400); /* @kind color */
  --icon-primary-4: var(--color-navy-navy-400); /* @kind color */
  --icon-primary-4: var(--color-navy-navy-400); /* @kind color */
  --icon-primary: var(--color-navy-navy-400); /* @kind color */
  --icon-secondary-2: var(--color-navy-navy-300-2); /* @kind color */
  --icon-secondary-2: var(--color-navy-navy-300-2); /* @kind color */
  --icon-secondary: var(--color-navy-navy-300-2); /* @kind color */
  --shadow-negative: var(--colors-brand-red-l4); /* @kind color */
  --shadow-positive: var(--colors-brand-green-l4); /* @kind color */
  --state-neutral-background: var(--color-greyscale-grey-12-2); /* @kind color */
  --state-neutral-background: var(--color-greyscale-grey-12-2); /* @kind color */
  --state-neutral-border: var(--color-navy-navy-400); /* @kind color */
  --state-neutral-icon: var(--color-navy-navy-400); /* @kind color */
  --state-neutral-text: var(--color-navy-navy-400); /* @kind color */
  --state-neutral-transparent-surface-white: var(--color-greyscale-grey-5); /* @kind color */
  --state-neutral-trasparent-surface-grey: var(--color-greyscale-grey-12-2); /* @kind color */
  --state-severity-critical-2: var(--color-red-red-400-2); /* @kind color */
  --state-severity-critical-2: var(--color-red-red-400-2); /* @kind color */
  --state-severity-critical: var(--color-red-red-400-2); /* @kind color */
  --state-severity-high: var(--color-red-red-300-2); /* @kind color */
  --state-severity-low: var(--color-red-red-100-2); /* @kind color */
  --state-severity-medium: var(--color-red-red-200-2); /* @kind color */
  --state-severity-surface-transparent-critical: var(--color-red-red-400-12); /* @kind color */
  --state-severity-surface-transparent-high: var(--color-red-red-300-12); /* @kind color */
  --state-severity-surface-transparent-low: var(--color-red-red-100-12); /* @kind color */
  --state-severity-surface-transparent-medium: var(--color-red-red-200-12); /* @kind color */
  --state-somewhat-bad-border: var(--color-brand-orange-100); /* @kind color */
  --state-somewhat-bad-icon: var(--color-brand-orange-100); /* @kind color */
  --state-somewhat-bad-text: var(--color-brand-orange-100); /* @kind color */
  --state-somewhat-bad-trasparent-surface: var(--color-brand-orange-12); /* @kind color */
  --state-somewhat-good-background: var(--color-brand-green-yellow-12); /* @kind color */
  --state-somewhat-good-border: var(--color-brand-green-100-2); /* @kind color */
  --state-somewhat-good-icon: var(--color-brand-green-100-2); /* @kind color */
  --state-somewhat-good-text: var(--color-brand-green-100-2); /* @kind color */
  --state-success-background: var(--color-brand-green-12-2); /* @kind color */
  --state-success-background: var(--color-brand-green-12-2); /* @kind color */
  --state-success-border: var(--color-brand-green-100-2); /* @kind color */
  --state-success-icon-2: var(--color-brand-green-100-2); /* @kind color */
  --state-success-icon-3: var(--color-brand-green-100); /* @kind color */
  --state-success-icon-3: var(--color-brand-green-100); /* @kind color */
  --state-success-icon: var(--color-brand-green-100); /* @kind color */
  --state-success-text: var(--color-brand-green-100-2); /* @kind color */
  --state-success-trasparent-surface: var(--color-brand-green-5); /* @kind color */
  --state-urgent-background: rgba(255,112,139,0.12); /* @kind color */
  --state-urgent-background: rgba(255,112,139,0.12); /* @kind color */
  --state-urgent-border-2: var(--color-brand-rose-2); /* @kind color */
  --state-urgent-border-2: var(--color-brand-rose-2); /* @kind color */
  --state-urgent-border: var(--color-brand-red-100); /* @kind color */
  --state-urgent-icon-2: var(--color-brand-rose-2); /* @kind color */
  --state-urgent-icon-2: var(--color-brand-rose-2); /* @kind color */
  --state-urgent-icon: var(--color-brand-red-100); /* @kind color */
  --state-urgent-text: var(--color-brand-red-100); /* @kind color */
  --state-urgent-transparent-surface: var(--color-brand-red-5); /* @kind color */
  --state-warning-border-2: var(--color-brand-yellow-100-2); /* @kind color */
  --state-warning-border-2: var(--color-brand-yellow-100-2); /* @kind color */
  --state-warning-border: var(--color-brand-yellow-orange); /* @kind color */
  --state-warning-icon: var(--color-brand-yellow-orange); /* @kind color */
  --state-warning-text: var(--color-brand-yellow-orange); /* @kind color */
  --state-warning-trasparent-surface: var(--color-brand-yellow-orange-5); /* @kind color */
  --surface-accent-blue: var(--colors-brand-blue-1); /* @kind color */
  --surface-accent-grey: var(--colors-greyscale-grey-l4); /* @kind color */
  --surface-accent-yellow: var(--colors-brand-yellow-l1); /* @kind color */
  --surface-avatar-grey: var(--colors-greyscale-grey-l5); /* @kind color */
  --surface-background-accent: var(--color-brand-light-blue-10); /* @kind color */
  --surface-background-ai: var(--color-brand-purple-12); /* @kind color */
  --surface-background-bad-trans: var(--colors-brand-red-l2-30trans); /* @kind color */
  --surface-background-box-2: var(--color-greyscale-white); /* @kind color */
  --surface-background-box-2: var(--color-greyscale-white); /* @kind color */
  --surface-background-box: var(--color-greyscale-white); /* @kind color */
  --surface-background-contrast-glass-2-2: var(--colors-greyscale-white); /* @kind color */
  --surface-background-contrast-glass-2: var(--colors-greyscale-grey-l6); /* @kind color */
  --surface-background-contrast-glass: var(--colors-greyscale-grey-l6); /* @kind color */
  --surface-background-contrast: var(--colors-greyscale-grey-l5); /* @kind color */
  --surface-background-critical: var(--colors-brand-red-l1-30-trans); /* @kind color */
  --surface-background-disabled: var(--color-greyscale-grey-100); /* @kind color */
  --surface-background-frosted: var(--color-brand-lavender-12); /* @kind color */
  --surface-background-high: var(--colors-brand-red-l2-30trans); /* @kind color */
  --surface-background-hover-with-shadow: var(--colors-teals-teal-1-hover); /* @kind color */
  --surface-background-hover-without-shadow: var(--colors-teals-teal-1-hover); /* @kind color */
  --surface-background-hover: var(--surface-background-accent); /* @kind color */
  --surface-background-low: var(--colors-brand-red-l4-30-trans); /* @kind color */
  --surface-background-mediocre-warning: var(--colors-brand-yellow-l1-30trans); /* @kind color */
  --surface-background-medium: var(--colors-brand-red-l3-30-trans); /* @kind color */
  --surface-background-no-rating: var(--colors-greyscale-greyl3-40trans); /* @kind color */
  --surface-background-pop-up-transparent: var(--colors-greyscale-white); /* @kind color */
  --surface-background-pop-up: var(--colors-greyscale-white); /* @kind color */
  --surface-background-primary-2: var(--color-greyscale-grey-0-2); /* @kind color */
  --surface-background-primary-3: var(--color-greyscale-grey-0-2); /* @kind color */
  --surface-background-primary-3: var(--color-greyscale-grey-0-2); /* @kind color */
  --surface-background-primary: var(--colors-greyscale-color); /* @kind color */
  --surface-background-secondary: var(--colors-greyscale-grey-l6); /* @kind color */
  --surface-background-somewhat-bad-2: var(--colors-brand-orange-l1-10trans); /* @kind color */
  --surface-background-transparent: var(--color-transparent-transparent-white-2); /* @kind color */
  --surface-button-primary-disabled: var(--colors-teals-teal-5); /* @kind color */
  --surface-button-primary-hover: var(--colors-teals-teal-3-80-trans); /* @kind color */
  --surface-button-primary: var(--colors-teals-teal-3); /* @kind color */
  --surface-button-secondary-hover: var(--colors-teals-teal-2); /* @kind color */
  --surface-button-secondary: var(--colors-teals-teal-1); /* @kind color */
  --surface-button-warning-secondary: var(--colors-brand-brick-l1-60-trans); /* @kind color */
  --surface-contrast-high-2: var(--color-blue-blue-100); /* @kind color */
  --surface-contrast-high: var(--colors-greyscale-interaction-black); /* @kind color */
  --surface-contrast-low-2: var(--color-blue-blue-50); /* @kind color */
  --surface-contrast-low-3: var(--color-blue-blue-100-2); /* @kind color */
  --surface-contrast-low-3: var(--color-blue-blue-100-2); /* @kind color */
  --surface-contrast-low-4: var(--color-blue-blue-50-2); /* @kind color */
  --surface-contrast-low-4: var(--color-blue-blue-50-2); /* @kind color */
  --surface-contrast-low: var(--colors-greyscale-grey-l3); /* @kind color */
  --surface-contrast-negative: var(--colors-brand-red-2-5trans); /* @kind color */
  --surface-contrast-positive: var(--colors-brand-green-1-5trans); /* @kind color */
  --surface-funnel-surface-1: var(--color-brand-lavender); /* @kind color */
  --surface-funnel-surface-2: var(--color-brand-lavender-50); /* @kind color */
  --surface-glass-colourful: var(--color-brand-lavender-20); /* @kind color */
  --surface-glass-stop-1-2: var(--color-greyscale-white); /* @kind color */
  --surface-glass-stop-1-2: var(--color-greyscale-white); /* @kind color */
  --surface-glass-stop-1: var(--color-greyscale-white); /* @kind color */
  --surface-glass-stop-2-2: var(--color-greyscale-white); /* @kind color */
  --surface-glass-stop-2-2: var(--color-greyscale-white); /* @kind color */
  --surface-glass-stop-2: var(--color-greyscale-white); /* @kind color */
  --surface-gradient-ai-stop-1: var(--color-brand-purple-100); /* @kind color */
  --surface-gradient-ai-stop-2: var(--color-brand-dark-purple-100); /* @kind color */
  --surface-gradient-urgent-urgent-stop-1: var(--color-red-red-400-80); /* @kind color */
  --surface-gradient-urgent-urgent-stop-2: var(--color-transparent-transparent-red); /* @kind color */
  --surface-icon-accent: var(--colors-brand-blue-l5); /* @kind color */
  --surface-icon-background-primary: var(--colors-brand-blue-l4); /* @kind color */
  --surface-icon-background-secondary: var(--colors-teals-teal-1); /* @kind color */
  --surface-icon-button-icon: var(--colors-teals-teal-3); /* @kind color */
  --surface-icon-disabled: var(--colors-greyscale-grey-l3); /* @kind color */
  --surface-icon-good: var(--color-navy-green-1); /* @kind color */
  --surface-icon-good: var(--color-navy-green-1); /* @kind color */
  --surface-icon-primary: var(--colors-greyscale-grey-l1); /* @kind color */
  --surface-icon-secondary-disabled: var(--colors-teals-teal-5); /* @kind color */
  --surface-icon-secondary: var(--colors-greyscale-grey-l2); /* @kind color */
  --surface-icon-somewhat-bad: var(--border-somewhat-bad); /* @kind color */
  --surface-icon-success: var(--colors-brand-green-l1); /* @kind color */
  --surface-icon-urgent: var(--colors-brand-red-l2); /* @kind color */
  --surface-map-surface: var(--color-blue-blue-50-2); /* @kind color */
  --surface-negative-2: var(--colors-brand-red-l2); /* @kind color */
  --surface-negative: var(--colors-brand-red-l5); /* @kind color */
  --surface-neutral: var(--colors-brand-blue-l5); /* @kind color */
  --surface-page-stop-1: var(--color-1); /* @kind color */
  --surface-page-stop-2: var(--color-greyscale-grey-0-2); /* @kind color */
  --surface-page-stop-3: var(--color-greyscale-grey-0-2); /* @kind color */
  --surface-page-stop-4: var(--color-greyscale-grey-0-2); /* @kind color */
  --surface-positive-light: var(--colors-brand-green-l1); /* @kind color */
  --surface-positive: var(--colors-brand-green-l5); /* @kind color */
  --text-accent-2: var(--color-brand-electric-blue-2); /* @kind color */
  --text-accent: var(--colors-brand-blue-l5); /* @kind color */
  --text-ai: var(--color-brand-dark-purple-100); /* @kind color */
  --text-code: var(--color-brand-dark-turqoise); /* @kind color */
  --text-contrast: var(--icon-accents-violet); /* @kind color */
  --text-cra-report-primary: var(--color-navy-navy-850); /* @kind color */
  --text-cra-report-secondary: var(--color-navy-navy-300); /* @kind color */
  --text-critical: var(--colors-brand-red-l1); /* @kind color */
  --text-disabled-2: var(--color-greyscale-grey-100); /* @kind color */
  --text-disabled: var(--colors-greyscale-grey-l3); /* @kind color */
  --text-focus: var(--color-navy-navy-400); /* @kind color */
  --text-high: var(--colors-brand-red-l2); /* @kind color */
  --text-hover: var(--color-blue-blue-500-2); /* @kind color */
  --text-low: var(--colors-brand-red-l4); /* @kind color */
  --text-medium: var(--colors-brand-red-l3); /* @kind color */
  --text-negative: var(--colors-brand-red-l2); /* @kind color */
  --text-positive: var(--colors-brand-green-l1); /* @kind color */
  --text-primary-2: var(--color-navy-navy-850); /* @kind color */
  --text-primary: var(--colors-greyscale-grey-l1); /* @kind color */
  --text-secondary-2: var(--color-navy-navy-300-2); /* @kind color */
  --text-secondary-3: var(--color-navy-navy-300-2); /* @kind color */
  --text-secondary-3: var(--color-navy-navy-300-2); /* @kind color */
  --text-secondary-button: var(--colors-teals-teal-3); /* @kind color */
  --text-secondary: var(--colors-greyscale-grey-l2); /* @kind color */
  --text-somewhat-bad: var(--colors-brand-orange-l1); /* @kind color */
  --text-somewhat-good: var(--colors-brand-green-l2); /* @kind color */
  --text-warning: var(--colors-brand-yellow-l1); /* @kind color */
  --ux-background: rgb(24,28,31); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --borders-glass-stop-1-2: var(--color-blue-blue-500-2); /* @kind color */
  --borders-glass-stop-2-2: var(--color-blue-blue-700-2); /* @kind color */
  --borders-glass-stop-3-2: var(--color-blue-blue-700-2); /* @kind color */
  --borders-glass-stop-4-2: var(--color-blue-blue-500-2); /* @kind color */
  --borders-line-2: var(--color-blue-blue-700-2); /* @kind color */
  --button-primary-background-default-2: var(--color-navy-navy-900-2); /* @kind color */
  --button-tertiary-background-default-2: var(--color-transparent-transparent-black-2); /* @kind color */
  --icon-primary-4: var(--color-greyscale-white); /* @kind color */
  --icon-secondary-2: var(--color-grey-grey-1); /* @kind color */
  --state-neutral-background: var(--color-greyscale-grey-12-2); /* @kind color */
  --state-severity-critical-2: var(--color-red-red-400-2); /* @kind color */
  --state-success-background: var(--color-brand-cyan-10); /* @kind color */
  --state-success-icon-3: var(--color-brand-cyan-100); /* @kind color */
  --state-urgent-background: var(--color-brand-red-12-2); /* @kind color */
  --state-urgent-border-2: var(--color-red-red-400-2); /* @kind color */
  --state-urgent-icon-2: var(--color-red-red-400-2); /* @kind color */
  --state-warning-border-2: var(--color-brand-yellow-100-2); /* @kind color */
  --surface-background-box-2: var(--color-brand-white); /* @kind color */
  --surface-background-primary-3: var(--color-brand-white); /* @kind color */
  --surface-contrast-low-3: var(--color-navy-navy-900-2); /* @kind color */
  --surface-contrast-low-4: var(--color-navy-navy-900-2); /* @kind color */
  --surface-glass-stop-1-2: var(--color-blue-blue-550-20-trans-2); /* @kind color */
  --surface-glass-stop-2-2: var(--color-blue-blue-650-20-trans-2); /* @kind color */
  --surface-icon-good: var(--color-navy-green-1); /* @kind color */
  --text-secondary-3: var(--color-grey-grey-1); /* @kind color */
}