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

:root {
  --background-accent-purple: var(--light-purple); /* @kind color */
  --background-accent-yellow: var(--light-yellow); /* @kind color */
  --background-brand-default-2: var(--brand-800); /* @kind color */
  --background-brand-default: var(--brand-800); /* @kind color */
  --background-brand: var(--light-navy-blue-600); /* @kind color */
  --background-danger-2: var(--red-100); /* @kind color */
  --background-danger: var(--light-red-200); /* @kind color */
  --background-default-default-2: var(--white-1000); /* @kind color */
  --background-default-default: var(--white-1000); /* @kind color */
  --background-disabled-default-2: var(--brand-300); /* @kind color */
  --background-disabled-default: var(--brand-300); /* @kind color */
  --background-disabled: var(--light-grey-300); /* @kind color */
  --background-hover: rgb(35,66,124); /* @kind color */
  --background-info: var(--blue-100); /* @kind color */
  --background-information: var(--light-sky-blue-100); /* @kind color */
  --background-inverse-subtle: var(--light-grey-300); /* @kind color */
  --background-nav-selected: rgb(54,70,77); /* @kind color */
  --background-nav: rgb(71,91,99); /* @kind color */
  --background-pressed: var(--light-navy-blue-800); /* @kind color */
  --background-secondary-nav-panel: rgb(71,91,99); /* @kind color */
  --background-success: var(--light-green-200); /* @kind color */
  --background-surface-bold: var(--light-navy-blue-100); /* @kind color */
  --background-surface-subtle: rgb(245,245,245); /* @kind color */
  --background-surface-white: var(--light-grey-100); /* @kind color */
  --background-warning: var(--light-orange-50); /* @kind color */
  --bg-brand-active: var(--light-blue-1100); /* @kind color */
  --bg-brand-hover: var(--light-blue-1000); /* @kind color */
  --bg-brand-subtlest: var(--light-blue-100); /* @kind color */
  --bg-brand: var(--light-blue-900); /* @kind color */
  --bg-danger-active: var(--light-red-1100); /* @kind color */
  --bg-danger-hover: var(--light-red-1000); /* @kind color */
  --bg-danger-subtlest: var(--light-red-100); /* @kind color */
  --bg-danger: var(--light-red-900); /* @kind color */
  --bg-gray-bold: var(--light-gray-800); /* @kind color */
  --bg-gray-subtle: var(--light-gray-200); /* @kind color */
  --bg-gray-subtler: var(--light-gray-100); /* @kind color */
  --bg-input-hover: var(--light-gray-100); /* @kind color */
  --bg-input: var(--light-gray-50); /* @kind color */
  --bg-neutral-active: var(--light-neutral-200); /* @kind color */
  --bg-neutral-disabled: var(--light-neutral-200); /* @kind color */
  --bg-neutral-hover: var(--light-neutral-100); /* @kind color */
  --bg-neutral: var(--light-neutral-10); /* @kind color */
  --bg-success-subtlest: var(--light-green-100); /* @kind color */
  --bg-surface-bold: var(--light-gray-800); /* @kind color */
  --bg-surface-overlay: var(--light-gray-50); /* @kind color */
  --bg-surface: var(--light-gray-50); /* @kind color */
  --bg-warning-subtlest: var(--light-orange-100); /* @kind color */
  --blue-100: rgb(199,240,255); /* @kind color */
  --body-family-sans-2: var(--font-family-sans-3);
  --body-family-sans: var(--font-family-sans);
  --body-font-family: var(--family-sans);
  --body-font-weight-regular: var(--weight-regular-2);
  --body-size-l-2: var(--size-desktop-300-2);
  --body-size-l: var(--size-desktop-300);
  --body-size-m-2: var(--size-desktop-200-2);
  --body-size-m: var(--size-desktop-200);
  --body-size-medium: var(--scale-03);
  --body-size-s-2: var(--size-desktop-100-2);
  --body-size-s: var(--size-desktop-100);
  --body-size-xs: var(--size-desktop-75);
  --body-weight-regular-2: var(--font-weight-regular-2);
  --body-weight-regular: var(--weight-regular);
  --body-weight-strong: var(--font-weight-semi-bold);
  --border-accent1: rgb(241,90,41); /* @kind color */
  --border-bold-2: var(--light-grey-600); /* @kind color */
  --border-bold: var(--light-gray-800); /* @kind color */
  --border-bolder: rgb(197,197,197); /* @kind color */
  --border-brand-2: var(--light-navy-blue-600); /* @kind color */
  --border-brand-tertiary-2: var(--brand-500); /* @kind color */
  --border-brand-tertiary: var(--brand-500); /* @kind color */
  --border-brand: var(--light-blue-900); /* @kind color */
  --border-danger-active: var(--light-red-1100); /* @kind color */
  --border-danger-hover: var(--light-red-1000); /* @kind color */
  --border-danger: var(--light-red-900); /* @kind color */
  --border-disabled-icon: var(--light-grey-700); /* @kind color */
  --border-disabled-secondary-2: var(--slate-400); /* @kind color */
  --border-disabled-secondary: var(--slate-400); /* @kind color */
  --border-disabled: var(--light-grey-600); /* @kind color */
  --border-error: var(--light-red-600); /* @kind color */
  --border-focused: var(--light-navy-blue-300); /* @kind color */
  --border-information: var(--light-sky-blue-600); /* @kind color */
  --border-inverse: var(--grayscale-100); /* @kind color */
  --border-neutral-default-2: var(--slate-900); /* @kind color */
  --border-neutral-default: var(--slate-900); /* @kind color */
  --border-subtle-2: var(--light-gray-400); /* @kind color */
  --border-subtle-3: var(--light-grey-500); /* @kind color */
  --border-subtle-4: var(--natural-light-100); /* @kind color */
  --border-subtle: var(--light-gray-300); /* @kind color */
  --border-subtlest: var(--light-grey-300); /* @kind color */
  --border-success: var(--light-green-600); /* @kind color */
  --border-warning: var(--light-orange-600); /* @kind color */
  --brand-100: rgb(245,245,245); /* @kind color */
  --brand-300: rgb(217,217,217); /* @kind color */
  --brand-400: rgb(179,179,179); /* @kind color */
  --brand-500: rgb(117,117,117); /* @kind color */
  --brand-600: rgb(68,68,68); /* @kind color */
  --brand-700: rgb(56,56,56); /* @kind color */
  --brand-800: rgb(44,44,44); /* @kind color */
  --brand-900: rgb(30,30,30); /* @kind color */
  --brand-b-800: rgb(119,0,0); /* @kind color */
  --corner-l: 16;
  --corner-m-2: 12;
  --corner-m: 8;
  --corner-s-2: 8;
  --corner-s: 4;
  --corner-xs: 4;
  --dark-blue-1000: rgb(143,202,252); /* @kind color */
  --dark-blue-1100: rgb(143,202,252); /* @kind color */
  --dark-blue-900: rgb(114,183,249); /* @kind color */
  --dark-gray-100: rgb(50,50,50); /* @kind color */
  --dark-gray-200: rgb(63,63,63); /* @kind color */
  --dark-gray-300: rgb(84,84,84); /* @kind color */
  --dark-gray-500: rgb(144,144,144); /* @kind color */
  --dark-gray-50: rgb(29,29,29); /* @kind color */
  --dark-gray-600: rgb(178,178,178); /* @kind color */
  --dark-gray-700: rgb(209,209,209); /* @kind color */
  --dark-gray-75: rgb(38,38,38); /* @kind color */
  --dark-gray-800: rgb(235,235,235); /* @kind color */
  --dark-green-900: rgb(67,199,143); /* @kind color */
  --dark-neutral-100: rgba(255,255,255,0.06); /* @kind color */
  --dark-neutral-10: rgba(255,255,255,0); /* @kind color */
  --dark-neutral-200: rgba(255,255,255,0.12); /* @kind color */
  --dark-orange-900: rgb(254,154,46); /* @kind color */
  --dark-red-1000: rgb(255,176,161); /* @kind color */
  --dark-red-1100: rgb(255,201,189); /* @kind color */
  --dark-red-900: rgb(255,149,129); /* @kind color */
  --es-blue-500: rgb(46,100,104); /* @kind color */
  --es-blue-600: rgb(36,83,89); /* @kind color */
  --family-sans: "Inter";
  --font-family-family-sans: var(--font-family-sans-2);
  --font-family-sans-2: "Source Sans 3";
  --font-family-sans-3: "Poppins";
  --font-family-sans: "Inter";
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular-2: 400;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --font-weight-weight-medium-strong: var(--font-weight-semi-bold);
  --font-weight-weight-medium: var(--font-weight-medium);
  --font-weight-weight-regular: var(--font-weight-regular);
  --font-weight-weight-strong: var(--font-weight-bold);
  --gray-500: rgb(117,117,117); /* @kind color */
  --gray-900: rgb(30,30,30); /* @kind color */
  --grayscale-100: rgb(255,255,255); /* @kind color */
  --grayscale-800: rgb(62,58,64); /* @kind color */
  --green-600: rgb(61,133,93); /* @kind color */
  --heading-family-sans-2: var(--font-family-sans-2);
  --heading-family-sans: var(--font-family-sans);
  --heading-size-l-2: var(--size-desktop-400-2);
  --heading-size-l: var(--size-desktop-600);
  --heading-size-m-2: var(--size-desktop-300-2);
  --heading-size-m: var(--size-desktop-400);
  --heading-size-s-2: var(--size-desktop-200-2);
  --heading-size-s: var(--size-desktop-200);
  --heading-size-xl-2: var(--size-desktop-500);
  --heading-size-xl: var(--size-desktop-900);
  --heading-size-xs: var(--size-desktop-100-2);
  --heading-size-xxl: var(--size-desktop-600-2);
  --heading-size-xxs: var(--size-desktop-75);
  --heading-weight-medium-strong: var(--font-weight-semi-bold);
  --heading-weight-medium: var(--font-weight-medium);
  --heading-weight-regular: var(--font-weight-regular);
  --heading-weight-strong-2: var(--font-weight-bold);
  --heading-weight-strong: var(--weight-bold);
  --icon-bold: var(--light-gray-800); /* @kind color */
  --icon-brand-bold-active: var(--light-blue-1100); /* @kind color */
  --icon-brand-bold-hover: var(--light-blue-1000); /* @kind color */
  --icon-brand-default-2: var(--brand-800); /* @kind color */
  --icon-brand-default: var(--brand-800); /* @kind color */
  --icon-brand-on-brand-2: var(--brand-100); /* @kind color */
  --icon-brand-on-brand: var(--brand-100); /* @kind color */
  --icon-brand: var(--light-blue-900); /* @kind color */
  --icon-danger-bold-active: var(--light-red-1100); /* @kind color */
  --icon-danger-bold-hover: var(--light-red-1000); /* @kind color */
  --icon-danger: var(--light-red-900); /* @kind color */
  --icon-default-default-2: var(--gray-900); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
  --icon-disabled-on-disabled-2: var(--brand-400); /* @kind color */
  --icon-disabled-on-disabled: var(--brand-400); /* @kind color */
  --icon-disabled: var(--light-gray-600); /* @kind color */
  --icon-inverse: var(--light-gray-50); /* @kind color */
  --icon-subtle: var(--light-gray-600); /* @kind color */
  --icon-success: var(--light-green-900); /* @kind color */
  --icon-warning: var(--light-orange-900); /* @kind color */
  --input-family-sans: var(--font-family-sans);
  --input-size-m: var(--size-desktop-200);
  --input-weight-regular: var(--weight-regular);
  --label-family-sans: var(--font-family-sans);
  --label-size-l: var(--size-desktop-400-2);
  --label-size-m: var(--size-desktop-200);
  --label-size-s: var(--size-desktop-100);
  --label-size-xs: var(--size-desktop-100-2);
  --label-sizem: var(--size-desktop-300-2);
  --label-sizes: var(--size-desktop-200-2);
  --label-weight-medium: var(--font-weight-medium);
  --label-weight-regular: var(--font-weight-regular);
  --label-weight-strong-2: var(--font-weight-bold);
  --label-weight-strong-medium: var(--font-weight-semi-bold);
  --label-weight-strong: var(--weight-semibold);
  --light-blue-1000: rgb(0,84,182); /* @kind color */
  --light-blue-100: rgb(224,242,255); /* @kind color */
  --light-blue-1100: rgb(0,68,145); /* @kind color */
  --light-blue-900: rgb(2,101,220); /* @kind color */
  --light-gray-100: rgb(246,247,248); /* @kind color */
  --light-gray-200: rgb(225,227,230); /* @kind color */
  --light-gray-300: rgb(213,213,213); /* @kind color */
  --light-gray-400: rgb(170,173,177); /* @kind color */
  --light-gray-50: rgb(255,255,255); /* @kind color */
  --light-gray-600: rgb(102,105,109); /* @kind color */
  --light-gray-700: rgb(65,67,70); /* @kind color */
  --light-gray-800: rgb(31,33,34); /* @kind color */
  --light-green-100-2: rgb(255,255,255); /* @kind color */
  --light-green-1000: rgb(0,0,0); /* @kind color */
  --light-green-100: rgb(206,248,224); /* @kind color */
  --light-green-200: rgb(203,227,208); /* @kind color */
  --light-green-300: rgb(240,240,240); /* @kind color */
  --light-green-400: rgb(99,171,113); /* @kind color */
  --light-green-500: rgb(47,143,66); /* @kind color */
  --light-green-600: rgb(21,129,42); /* @kind color */
  --light-green-700: rgb(14,86,29); /* @kind color */
  --light-green-800: rgb(9,57,19); /* @kind color */
  --light-green-900-2: rgb(5,29,9); /* @kind color */
  --light-green-900: rgb(0,122,77); /* @kind color */
  --light-grey-1000: rgb(0,0,0); /* @kind color */
  --light-grey-100: rgb(255,255,255); /* @kind color */
  --light-grey-200: rgb(251,251,251); /* @kind color */
  --light-grey-300: rgb(240,240,240); /* @kind color */
  --light-grey-400: rgb(244,244,244); /* @kind color */
  --light-grey-500: rgb(239,239,239); /* @kind color */
  --light-grey-600: rgb(212,212,212); /* @kind color */
  --light-grey-700: rgb(159,159,159); /* @kind color */
  --light-grey-800: rgb(106,106,106); /* @kind color */
  --light-grey-900: rgb(53,53,53); /* @kind color */
  --light-navy-blue-1000-2: rgb(0,0,0); /* @kind color */
  --light-navy-blue-1000: rgb(0,0,0); /* @kind color */
  --light-navy-blue-100: rgb(238,241,244); /* @kind color */
  --light-navy-blue-200-2: rgb(192,195,211); /* @kind color */
  --light-navy-blue-200: rgb(192,195,211); /* @kind color */
  --light-navy-blue-300-2: rgb(110,119,165); /* @kind color */
  --light-navy-blue-300: rgb(110,119,165); /* @kind color */
  --light-navy-blue-400-2: rgb(78,93,140); /* @kind color */
  --light-navy-blue-400: rgb(78,93,140); /* @kind color */
  --light-navy-blue-500-2: rgb(45,68,115); /* @kind color */
  --light-navy-blue-500: rgb(45,68,115); /* @kind color */
  --light-navy-blue-600-2: rgb(29,55,103); /* @kind color */
  --light-navy-blue-600: rgb(29,55,103); /* @kind color */
  --light-navy-blue-700-2: rgb(24,45,85); /* @kind color */
  --light-navy-blue-700: rgb(24,45,85); /* @kind color */
  --light-navy-blue-800-2: rgb(21,39,73); /* @kind color */
  --light-navy-blue-800: rgb(21,39,73); /* @kind color */
  --light-navy-blue-900-2: rgb(13,23,44); /* @kind color */
  --light-navy-blue-900: rgb(13,23,44); /* @kind color */
  --light-neutral-10-2: rgba(66,66,66,0.06); /* @kind color */
  --light-neutral-100-2: rgba(66,65,65,0.12); /* @kind color */
  --light-neutral-100: rgba(0,0,0,0.06); /* @kind color */
  --light-neutral-10: rgba(0,0,0,0); /* @kind color */
  --light-neutral-200-2: rgba(30,30,30,0.2); /* @kind color */
  --light-neutral-200: rgba(0,0,0,0.12); /* @kind color */
  --light-orange-100-2: rgb(253,222,191); /* @kind color */
  --light-orange-1000: rgb(82,58,35); /* @kind color */
  --light-orange-100: rgb(255,236,204); /* @kind color */
  --light-orange-200: rgb(252,200,149); /* @kind color */
  --light-orange-300: rgb(252,179,106); /* @kind color */
  --light-orange-400: rgb(253,157,62); /* @kind color */
  --light-orange-500: rgb(255,136,18); /* @kind color */
  --light-orange-50: rgb(254,243,232); /* @kind color */
  --light-orange-600: rgb(228,115,2); /* @kind color */
  --light-orange-700: rgb(184,94,4); /* @kind color */
  --light-orange-800: rgb(141,72,4); /* @kind color */
  --light-orange-900-2: rgb(98,51,4); /* @kind color */
  --light-orange-900: rgb(177,76,0); /* @kind color */
  --light-purple: rgb(103,29,92); /* @kind color */
  --light-red-100-2: rgb(255,255,255); /* @kind color */
  --light-red-1000-2: rgb(0,0,0); /* @kind color */
  --light-red-1000: rgb(180,0,0); /* @kind color */
  --light-red-100: rgb(255,235,231); /* @kind color */
  --light-red-1100: rgb(147,0,0); /* @kind color */
  --light-red-200: rgb(244,202,201); /* @kind color */
  --light-red-300: rgb(240,240,240); /* @kind color */
  --light-red-400: rgb(223,96,94); /* @kind color */
  --light-red-500: rgb(212,43,40); /* @kind color */
  --light-red-600: rgb(207,17,13); /* @kind color */
  --light-red-700: rgb(138,11,9); /* @kind color */
  --light-red-800: rgb(92,8,6); /* @kind color */
  --light-red-900-2: rgb(46,4,3); /* @kind color */
  --light-red-900: rgb(211,21,16); /* @kind color */
  --light-sky-blue-100: rgb(236,243,249); /* @kind color */
  --light-sky-blue-200: rgb(202,223,240); /* @kind color */
  --light-sky-blue-300: rgb(168,203,231); /* @kind color */
  --light-sky-blue-400: rgb(132,185,224); /* @kind color */
  --light-sky-blue-500: rgb(97,164,217); /* @kind color */
  --light-sky-blue-50: rgb(251,253,254); /* @kind color */
  --light-sky-blue-600: rgb(64,144,207); /* @kind color */
  --light-sky-blue-700: rgb(49,122,180); /* @kind color */
  --light-sky-blue-800: rgb(41,99,144); /* @kind color */
  --light-sky-blue-900: rgb(33,76,110); /* @kind color */
  --light-sky-blue-950: rgb(25,53,75); /* @kind color */
  --light-yellow: rgb(186,166,33); /* @kind color */
  --link-size-l: var(--size-desktop-400-2);
  --link-size-m: var(--size-desktop-300-2);
  --link-size-s-2: var(--size-desktop-200-2);
  --link-size-s: var(--size-desktop-100);
  --link-size-xl: var(--size-desktop-500);
  --link-size-xs: var(--size-desktop-100-2);
  --link-weight-regular: var(--font-weight-regular);
  --link-weight-strong-2: var(--font-weight-semi-bold);
  --link-weight-strong: var(--weight-semibold);
  --natural-light-100: rgb(238,238,239); /* @kind color */
  --radius-100: 4;
  --red-100: rgb(255,233,233); /* @kind color */
  --scale-03: 16;
  --shadow-light: var(--light-neutral-10-2); /* @kind color */
  --shadow-medium: var(--light-neutral-100-2); /* @kind color */
  --shadow-strong: var(--light-neutral-200-2); /* @kind color */
  --size-desktop-100-2: 14;
  --size-desktop-100: 14;
  --size-desktop-150: 15;
  --size-desktop-200-2: 16;
  --size-desktop-200: 16;
  --size-desktop-300-2: 20;
  --size-desktop-300: 18;
  --size-desktop-400-2: 24;
  --size-desktop-400: 20;
  --size-desktop-500: 28;
  --size-desktop-50: 11;
  --size-desktop-600-2: 32;
  --size-desktop-600: 25;
  --size-desktop-700: 40;
  --size-desktop-75: 12;
  --size-desktop-800: 48;
  --size-desktop-900-2: 36;
  --size-desktop-900: 36;
  --size-icon-xs: 16;
  --size-m: 40;
  --size-mobile-100-2: 14;
  --size-mobile-100: 17;
  --size-mobile-150: 15;
  --size-mobile-200-2: 16;
  --size-mobile-200: 19;
  --size-mobile-250: 18;
  --size-mobile-300-2: 20;
  --size-mobile-300: 22;
  --size-mobile-400-2: 24;
  --size-mobile-400: 24;
  --size-mobile-500-2: 28;
  --size-mobile-500: 27;
  --size-mobile-50: 11;
  --size-mobile-600-2: 32;
  --size-mobile-600: 31;
  --size-mobile-75: 12;
  --size-s: 32;
  --size-xs: 24;
  --slate-100: rgb(243,243,243); /* @kind color */
  --slate-400: rgb(178,178,178); /* @kind color */
  --slate-900: rgb(48,48,48); /* @kind color */
  --space-300: 12;
  --space-l: 24;
  --space-m: 16;
  --space-s: 12;
  --space-xl: 32;
  --space-xs: 8;
  --space-xxl: 40;
  --space-xxs: 4;
  --space-xxxs: 2;
  --spacing-l: 20;
  --spacing-m: 16;
  --spacing-s: 12;
  --spacing-xl: 24;
  --spacing-xs: 8;
  --spacing-xxl: 32;
  --spacing-xxs: 5;
  --stroke-border: 1;
  --text-bold-2: var(--light-grey-1000); /* @kind color */
  --text-bold-3: var(--grayscale-800); /* @kind color */
  --text-bold: var(--light-gray-800); /* @kind color */
  --text-brand-2: var(--light-navy-blue-600); /* @kind color */
  --text-brand-3: var(--es-blue-500); /* @kind color */
  --text-brand-bold-active: var(--light-blue-1100); /* @kind color */
  --text-brand-bold-hover: var(--light-blue-1000); /* @kind color */
  --text-brand: var(--light-blue-900); /* @kind color */
  --text-danger-2: var(--light-red-600); /* @kind color */
  --text-danger-bold-active: var(--light-red-1100); /* @kind color */
  --text-danger-bold-hover: var(--light-red-1000); /* @kind color */
  --text-danger: var(--light-red-900); /* @kind color */
  --text-default-default-2: var(--gray-900); /* @kind color */
  --text-default-default: var(--gray-900); /* @kind color */
  --text-default-secondary-2: var(--gray-500); /* @kind color */
  --text-default-secondary: var(--gray-500); /* @kind color */
  --text-disabled-2: var(--light-grey-800); /* @kind color */
  --text-disabled: var(--light-gray-600); /* @kind color */
  --text-information: var(--light-sky-blue-600); /* @kind color */
  --text-inverse-2: var(--light-grey-100); /* @kind color */
  --text-inverse-3: var(--grayscale-100); /* @kind color */
  --text-inverse-subtle-2: var(--light-grey-300); /* @kind color */
  --text-inverse-subtle: var(--light-gray-400); /* @kind color */
  --text-inverse: var(--light-gray-50); /* @kind color */
  --text-link-2: var(--light-navy-blue-600); /* @kind color */
  --text-link-active-pressed: var(--light-navy-blue-600); /* @kind color */
  --text-link-hover: var(--light-navy-blue-900); /* @kind color */
  --text-link: var(--light-blue-900); /* @kind color */
  --text-subtle-2: var(--light-grey-900); /* @kind color */
  --text-subtle: var(--light-gray-700); /* @kind color */
  --text-subtlest: var(--light-grey-800); /* @kind color */
  --text-success: var(--light-green-600); /* @kind color */
  --text-warning: var(--light-orange-700); /* @kind color */
  --weight-bold: 700;
  --weight-regular-2: 400;
  --weight-regular: 400;
  --weight-semibold: 600;
  --white-1000: rgb(255,255,255); /* @kind color */
  --white-500: rgba(255,255,255,0.7); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --background-brand-default-2: var(--brand-100); /* @kind color */
  --background-brand-default: var(--brand-100); /* @kind color */
  --background-default-default-2: var(--gray-900); /* @kind color */
  --background-default-default: var(--gray-900); /* @kind color */
  --background-disabled-default-2: var(--brand-700); /* @kind color */
  --background-disabled-default: var(--brand-700); /* @kind color */
  --bg-brand-active: var(--dark-blue-1100); /* @kind color */
  --bg-brand-hover: var(--dark-blue-1000); /* @kind color */
  --bg-brand-subtlest: var(--dark-neutral-100); /* @kind color */
  --bg-brand: var(--dark-blue-900); /* @kind color */
  --bg-danger-active: var(--dark-red-1100); /* @kind color */
  --bg-danger-hover: var(--dark-red-1000); /* @kind color */
  --bg-danger-subtlest: var(--dark-neutral-100); /* @kind color */
  --bg-danger: var(--dark-red-900); /* @kind color */
  --bg-gray-bold: var(--dark-gray-800); /* @kind color */
  --bg-gray-subtle: var(--dark-gray-300); /* @kind color */
  --bg-gray-subtler: var(--dark-gray-200); /* @kind color */
  --bg-input-hover: var(--dark-gray-200); /* @kind color */
  --bg-input: var(--dark-gray-100); /* @kind color */
  --bg-neutral-active: var(--dark-neutral-200); /* @kind color */
  --bg-neutral-disabled: var(--dark-neutral-200); /* @kind color */
  --bg-neutral-hover: var(--dark-neutral-100); /* @kind color */
  --bg-neutral: var(--dark-neutral-10); /* @kind color */
  --bg-success-subtlest: var(--dark-neutral-100); /* @kind color */
  --bg-surface-bold: var(--dark-gray-800); /* @kind color */
  --bg-surface-overlay: var(--dark-gray-300); /* @kind color */
  --bg-surface: var(--dark-gray-100); /* @kind color */
  --bg-warning-subtlest: var(--dark-neutral-100); /* @kind color */
  --border-bold: var(--dark-gray-800); /* @kind color */
  --border-brand-tertiary-2: var(--brand-400); /* @kind color */
  --border-brand-tertiary: var(--brand-400); /* @kind color */
  --border-brand: var(--dark-blue-900); /* @kind color */
  --border-danger-active: var(--dark-red-1100); /* @kind color */
  --border-danger-hover: var(--dark-red-1000); /* @kind color */
  --border-danger: var(--dark-red-900); /* @kind color */
  --border-disabled-secondary-2: var(--brand-600); /* @kind color */
  --border-disabled-secondary: var(--brand-600); /* @kind color */
  --border-neutral-default-2: var(--slate-100); /* @kind color */
  --border-neutral-default: var(--slate-100); /* @kind color */
  --border-subtle-2: var(--dark-gray-200); /* @kind color */
  --border-subtle: var(--dark-gray-300); /* @kind color */
  --icon-bold: var(--dark-gray-800); /* @kind color */
  --icon-brand-bold-active: var(--dark-blue-1100); /* @kind color */
  --icon-brand-bold-hover: var(--dark-blue-1000); /* @kind color */
  --icon-brand-default-2: var(--brand-100); /* @kind color */
  --icon-brand-default: var(--brand-100); /* @kind color */
  --icon-brand-on-brand-2: var(--brand-900); /* @kind color */
  --icon-brand-on-brand: var(--brand-900); /* @kind color */
  --icon-brand: var(--dark-blue-900); /* @kind color */
  --icon-danger-bold-active: var(--dark-red-1100); /* @kind color */
  --icon-danger-bold-hover: var(--dark-red-1000); /* @kind color */
  --icon-danger: var(--dark-red-900); /* @kind color */
  --icon-default-default-2: var(--white-1000); /* @kind color */
  --icon-default-default: var(--white-1000); /* @kind color */
  --icon-disabled-on-disabled-2: var(--brand-400); /* @kind color */
  --icon-disabled-on-disabled: var(--brand-400); /* @kind color */
  --icon-disabled: var(--dark-gray-500); /* @kind color */
  --icon-inverse: var(--dark-gray-50); /* @kind color */
  --icon-subtle: var(--dark-gray-600); /* @kind color */
  --icon-success: var(--dark-green-900); /* @kind color */
  --icon-warning: var(--dark-orange-900); /* @kind color */
  --text-bold: var(--dark-gray-800); /* @kind color */
  --text-brand-bold-active: var(--dark-blue-1100); /* @kind color */
  --text-brand-bold-hover: var(--dark-blue-1000); /* @kind color */
  --text-brand: var(--dark-blue-900); /* @kind color */
  --text-danger-bold-active: var(--dark-red-1100); /* @kind color */
  --text-danger-bold-hover: var(--dark-red-1000); /* @kind color */
  --text-danger: var(--dark-red-900); /* @kind color */
  --text-default-default-2: var(--white-1000); /* @kind color */
  --text-default-default: var(--white-1000); /* @kind color */
  --text-default-secondary-2: var(--white-500); /* @kind color */
  --text-default-secondary: var(--white-500); /* @kind color */
  --text-disabled: var(--dark-gray-600); /* @kind color */
  --text-inverse-subtle: var(--dark-gray-75); /* @kind color */
  --text-inverse: var(--dark-gray-50); /* @kind color */
  --text-link: var(--dark-blue-900); /* @kind color */
  --text-subtle: var(--dark-gray-700); /* @kind color */
}

:root[data-mode="mobile"] {
  --body-family-sans-2: var(--font-family-sans-3);
  --body-family-sans: var(--font-family-sans);
  --body-size-l-2: var(--size-mobile-200-2);
  --body-size-l: var(--size-mobile-300);
  --body-size-m-2: var(--size-mobile-150);
  --body-size-m: var(--size-mobile-200);
  --body-size-s-2: var(--size-mobile-100-2);
  --body-size-s: var(--size-mobile-100);
  --body-size-xs: var(--size-mobile-75);
  --body-weight-regular-2: var(--font-weight-regular-2);
  --body-weight-regular: var(--weight-regular);
  --body-weight-strong: var(--font-weight-semi-bold);
  --font-family-family-sans: var(--font-family-sans-2);
  --font-weight-weight-medium-strong: var(--font-weight-semi-bold);
  --font-weight-weight-medium: var(--font-weight-medium);
  --font-weight-weight-regular: var(--font-weight-regular);
  --font-weight-weight-strong: var(--font-weight-bold);
  --heading-family-sans-2: var(--font-family-sans-2);
  --heading-family-sans: var(--font-family-sans);
  --heading-size-l-2: var(--size-mobile-300-2);
  --heading-size-l: var(--size-mobile-500);
  --heading-size-m-2: var(--size-mobile-250);
  --heading-size-m: var(--size-mobile-400);
  --heading-size-s-2: var(--size-mobile-200-2);
  --heading-size-s: var(--size-mobile-200);
  --heading-size-xl-2: var(--size-mobile-400-2);
  --heading-size-xl: var(--size-mobile-600);
  --heading-size-xs: var(--size-mobile-100-2);
  --heading-size-xxl: var(--size-mobile-500-2);
  --heading-size-xxs: var(--size-mobile-75);
  --heading-weight-medium-strong: var(--font-weight-semi-bold);
  --heading-weight-medium: var(--font-weight-medium);
  --heading-weight-regular: var(--font-weight-regular);
  --heading-weight-strong-2: var(--font-weight-bold);
  --heading-weight-strong: var(--weight-bold);
  --input-family-sans: var(--font-family-sans);
  --input-size-m: var(--size-mobile-200);
  --input-weight-regular: var(--weight-regular);
  --label-family-sans: var(--font-family-sans);
  --label-size-l: var(--size-mobile-200-2);
  --label-size-m: var(--size-mobile-200);
  --label-size-s: var(--size-mobile-100);
  --label-size-xs: var(--size-mobile-50);
  --label-sizem: var(--size-mobile-100-2);
  --label-sizes: var(--size-mobile-75);
  --label-weight-medium: var(--font-weight-medium);
  --label-weight-regular: var(--font-weight-regular);
  --label-weight-strong-2: var(--font-weight-bold);
  --label-weight-strong-medium: var(--font-weight-semi-bold);
  --label-weight-strong: var(--weight-semibold);
  --link-size-l: var(--size-mobile-300-2);
  --link-size-m: var(--size-mobile-200-2);
  --link-size-s-2: var(--size-mobile-100-2);
  --link-size-s: var(--size-mobile-100);
  --link-size-xl: var(--size-mobile-400-2);
  --link-size-xs: var(--size-mobile-75);
  --link-weight-regular: var(--font-weight-regular);
  --link-weight-strong-2: var(--font-weight-semi-bold);
  --link-weight-strong: var(--weight-semibold);
}

:root[data-theme="light"], .light {
  --background-brand-default: var(--brand-b-800); /* @kind color */
  --background-default-default: var(--white-1000); /* @kind color */
  --background-disabled-default: var(--brand-300); /* @kind color */
  --border-brand-tertiary: var(--brand-500); /* @kind color */
  --border-disabled-secondary: var(--slate-400); /* @kind color */
  --border-neutral-default: var(--slate-900); /* @kind color */
  --icon-brand-default: var(--brand-800); /* @kind color */
  --icon-brand-on-brand: var(--brand-100); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
  --icon-disabled-on-disabled: var(--brand-400); /* @kind color */
  --text-default-default: var(--gray-900); /* @kind color */
  --text-default-secondary: var(--gray-500); /* @kind color */
}