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

:root {
  --background-central-beige: var(--color-brand-color-central-beige); /* @kind color */
  --background-central-black: var(--color-brand-color-central-black); /* @kind color */
  --background-central-signal-fire: var(--color-brand-color-central-signal-fire); /* @kind color */
  --background-central-white: var(--color-brand-color-central-white); /* @kind color */
  --background-dark-grey: rgb(59,59,59); /* @kind color */
  --body-2xs-font-family: var(--font-family-body);
  --body-2xs-letter-spacing: 0;
  --body-2xs-line-height: 10;
  --body-2xs-paragraph-spacing: 0;
  --body-2xs-text-size: 8;
  --body-l-font-family-2: var(--font-family-body);
  --body-l-font-family: var(--font-family-body);
  --body-l-letter-spacing-2: 0;
  --body-l-letter-spacing-3: 0.5;
  --body-l-letter-spacing: 0;
  --body-l-line-height-2: 22;
  --body-l-line-height-3: 24;
  --body-l-line-height: 22;
  --body-l-paragraph-spacing-2: 13;
  --body-l-paragraph-spacing-3: 12;
  --body-l-paragraph-spacing: 13;
  --body-l-text-size-2: 16;
  --body-l-text-size-3: 16;
  --body-l-text-size: 16;
  --body-m-font-family-2: var(--font-family-body);
  --body-m-font-family: var(--font-family-body);
  --body-m-letter-spacing-2: 0;
  --body-m-letter-spacing: 0;
  --body-m-line-height-2: 20;
  --body-m-line-height-3: 19;
  --body-m-line-height: 20;
  --body-m-paragraph-spacing-2: 9;
  --body-m-paragraph-spacing-3: 0;
  --body-m-paragraph-spacing: 0;
  --body-m-secondary-font-family: var(--font-family-body);
  --body-m-secondary-letter-spacing: 0;
  --body-m-secondary-line-height: 19;
  --body-m-secondary-paragraph-spacing: 0;
  --body-m-secondary-text-size: 13;
  --body-m-text-size-2: 14;
  --body-m-text-size-3: 14;
  --body-m-text-size: 14;
  --body-s-font-family: var(--font-family-body);
  --body-s-letter-spacing: 0;
  --body-s-line-height-2: 16;
  --body-s-line-height: 16;
  --body-s-paragraph-spacing-2: 8;
  --body-s-paragraph-spacing: 10;
  --body-s-text-size-2: 12;
  --body-s-text-size: 12;
  --body-xl-font-family: var(--font-family-body);
  --body-xl-letter-spacing: 0;
  --body-xl-line-height: 25;
  --body-xl-paragraph-spacing: 13;
  --body-xl-text-size: 18;
  --body-xs-font-family: var(--font-family-body);
  --body-xs-letter-spacing: 0;
  --body-xs-line-height: 13;
  --body-xs-paragraph-spacing: 0;
  --body-xs-text-size: 10;
  --body: "Manrope";
  --border-radius-300: var(--space-300);
  --border-width-xs-1: var(--space-25);
  --borders-central-black: var(--color-brand-color-central-black); /* @kind color */
  --borders-central-neon-tide: var(--color-brand-color-central-neon-tide); /* @kind color */
  --borders-central-signal-fire: var(--color-brand-color-central-signal-fire); /* @kind color */
  --borders-grey-light: rgb(226,226,226); /* @kind color */
  --brand-colors-brand-colors-shades-highlights-green-shades-highlights-green-700: rgb(39,87,0); /* @kind color */
  --brand-colors-brand-colors-shades-primary-dark-shades-primary-dark-400: rgb(87,87,87); /* @kind color */
  --brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-600: rgb(224,224,224); /* @kind color */
  --brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-700: rgb(175,175,175); /* @kind color */
  --brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-800: rgb(135,135,135); /* @kind color */
  --brand-colors-brand-highlights-flashy-bright-orange: rgb(251,92,33); /* @kind color */
  --brand-colors-brand-primary-colors-dark: rgb(45,45,45); /* @kind color */
  --brand-colors-brand-primary-colors-grey: rgb(246,246,246); /* @kind color */
  --brand-colors-brand-primary-colors-white: rgb(255,255,255); /* @kind color */
  --central-beige: rgb(248,243,241); /* @kind color */
  --central-black: rgb(30,30,30); /* @kind color */
  --central-neon-tide: rgb(66,255,189); /* @kind color */
  --central-signal-fire: rgb(255,88,66); /* @kind color */
  --central-white: rgb(255,255,255); /* @kind color */
  --color-border-input-fields-default: var(--brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-600); /* @kind color */
  --color-border-input-fields-disabled: var(--brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-600); /* @kind color */
  --color-border-input-fields-error: var(--system-colors-error-red-700); /* @kind color */
  --color-border-input-fields-focus: var(--brand-colors-brand-primary-colors-dark); /* @kind color */
  --color-border-input-fields-hover: var(--brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-800); /* @kind color */
  --color-border-input-fields-success: var(--brand-colors-brand-colors-shades-highlights-green-shades-highlights-green-700); /* @kind color */
  --color-border-primary-dark: var(--brand-colors-brand-primary-colors-dark); /* @kind color */
  --color-brand-color-central-beige: rgb(248,243,241); /* @kind color */
  --color-brand-color-central-black: rgb(30,30,30); /* @kind color */
  --color-brand-color-central-neon-tide: rgb(66,255,189); /* @kind color */
  --color-brand-color-central-signal-fire: rgb(255,88,66); /* @kind color */
  --color-brand-color-central-white: rgb(255,255,255); /* @kind color */
  --color-button-dark-default-lighter: var(--brand-colors-brand-colors-shades-primary-dark-shades-primary-dark-400); /* @kind color */
  --color-button-dark-default: var(--brand-colors-brand-primary-colors-dark); /* @kind color */
  --color-button-error-warning: var(--system-colors-error-red-700); /* @kind color */
  --color-button-grey-disabled: var(--brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-600); /* @kind color */
  --color-button-success: var(--brand-colors-brand-colors-shades-highlights-green-shades-highlights-green-700); /* @kind color */
  --color-icons-error-default: var(--system-colors-error-red-700); /* @kind color */
  --color-icons-primary-bright-orange: var(--brand-colors-brand-highlights-flashy-bright-orange); /* @kind color */
  --color-icons-primary-dark-default: var(--brand-colors-brand-primary-colors-dark); /* @kind color */
  --color-icons-primary-disabled: var(--brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-700); /* @kind color */
  --color-icons-success-default: var(--brand-colors-brand-colors-shades-highlights-green-shades-highlights-green-700); /* @kind color */
  --color-shades-brand-beige-100: rgb(253,251,251); /* @kind color */
  --color-shades-brand-beige-200: rgb(252,249,249); /* @kind color */
  --color-shades-brand-beige-300: rgb(250,247,246); /* @kind color */
  --color-shades-brand-beige-400: rgb(249,245,244); /* @kind color */
  --color-shades-brand-beige-50: rgb(254,254,254); /* @kind color */
  --color-shades-brand-beige-600: rgb(226,221,219); /* @kind color */
  --color-shades-brand-beige-700: rgb(176,173,171); /* @kind color */
  --color-shades-brand-beige-800: rgb(136,134,133); /* @kind color */
  --color-shades-brand-beige-900: rgb(104,102,101); /* @kind color */
  --color-shades-brand-black-100: rgb(185,185,185); /* @kind color */
  --color-shades-brand-black-200: rgb(152,152,152); /* @kind color */
  --color-shades-brand-black-300: rgb(104,104,104); /* @kind color */
  --color-shades-brand-black-400: rgb(75,75,75); /* @kind color */
  --color-shades-brand-black-50: rgb(233,233,233); /* @kind color */
  --color-shades-brand-black-600: rgb(27,27,27); /* @kind color */
  --color-shades-brand-black-700: rgb(21,21,21); /* @kind color */
  --color-shades-brand-black-800: rgb(17,17,17); /* @kind color */
  --color-shades-brand-black-900: rgb(13,13,13); /* @kind color */
  --color-shades-brand-neon-tide-100: rgb(196,255,235); /* @kind color */
  --color-shades-brand-neon-tide-200: rgb(168,255,225); /* @kind color */
  --color-shades-brand-neon-tide-300: rgb(128,255,211); /* @kind color */
  --color-shades-brand-neon-tide-400: rgb(103,255,202); /* @kind color */
  --color-shades-brand-neon-tide-50: rgb(236,255,248); /* @kind color */
  --color-shades-brand-neon-tide-600: rgb(59,232,172); /* @kind color */
  --color-shades-brand-neon-tide-700: rgb(46,181,134); /* @kind color */
  --color-shades-brand-neon-tide-800: rgb(36,140,104); /* @kind color */
  --color-shades-brand-neon-tide-900: rgb(27,107,79); /* @kind color */
  --color-shades-brand-signal-fire-100: rgb(255,203,196); /* @kind color */
  --color-shades-brand-signal-fire-200: rgb(255,178,168); /* @kind color */
  --color-shades-brand-signal-fire-300: rgb(255,143,128); /* @kind color */
  --color-shades-brand-signal-fire-400: rgb(255,121,104); /* @kind color */
  --color-shades-brand-signal-fire-50: rgb(255,238,236); /* @kind color */
  --color-shades-brand-signal-fire-600: rgb(232,80,60); /* @kind color */
  --color-shades-brand-signal-fire-700: rgb(181,62,47); /* @kind color */
  --color-shades-brand-signal-fire-800: rgb(140,48,36); /* @kind color */
  --color-shades-brand-signal-fire-900: rgb(140,48,36); /* @kind color */
  --color-shades-danger-light-100: rgb(255,239,237); /* @kind color */
  --color-shades-danger-light-200: rgb(255,231,228); /* @kind color */
  --color-shades-danger-light-300: rgb(255,220,215); /* @kind color */
  --color-shades-danger-light-400: rgb(255,213,208); /* @kind color */
  --color-shades-danger-light-50: rgb(255,250,249); /* @kind color */
  --color-shades-danger-light-600: rgb(232,185,178); /* @kind color */
  --color-shades-danger-light-700: rgb(181,144,139); /* @kind color */
  --color-shades-danger-light-800: rgb(140,112,108); /* @kind color */
  --color-shades-danger-light-900: rgb(107,85,82); /* @kind color */
  --color-shades-grey-100: rgb(248,248,248); /* @kind color */
  --color-shades-grey-200: rgb(245,245,245); /* @kind color */
  --color-shades-grey-300: rgb(240,240,240); /* @kind color */
  --color-shades-grey-400: rgb(237,237,237); /* @kind color */
  --color-shades-grey-50: rgb(253,253,253); /* @kind color */
  --color-shades-grey-600: rgb(212,212,212); /* @kind color */
  --color-shades-grey-700: rgb(165,165,165); /* @kind color */
  --color-shades-grey-800: rgb(128,128,128); /* @kind color */
  --color-shades-grey-900: rgb(98,98,98); /* @kind color */
  --color-shades-success-green-light-100: rgb(210,244,211); /* @kind color */
  --color-shades-success-green-light-200: rgb(189,239,190); /* @kind color */
  --color-shades-success-green-light-300: rgb(159,232,161); /* @kind color */
  --color-shades-success-green-light-400: rgb(140,228,142); /* @kind color */
  --color-shades-success-green-light-50: rgb(241,252,241); /* @kind color */
  --color-shades-success-green-light-600: rgb(101,201,104); /* @kind color */
  --color-shades-success-green-light-700: rgb(79,157,81); /* @kind color */
  --color-shades-success-green-light-800: rgb(61,122,63); /* @kind color */
  --color-shades-success-green-light-900: rgb(47,93,48); /* @kind color */
  --color-shades-warning-pending-light-100: rgb(250,239,195); /* @kind color */
  --color-shades-warning-pending-light-200: rgb(247,231,166); /* @kind color */
  --color-shades-warning-pending-light-300: rgb(244,220,125); /* @kind color */
  --color-shades-warning-pending-light-400: rgb(241,213,100); /* @kind color */
  --color-shades-warning-pending-light-50: rgb(253,250,236); /* @kind color */
  --color-shades-warning-pending-light-600: rgb(217,185,56); /* @kind color */
  --color-shades-warning-pending-light-700: rgb(169,144,43); /* @kind color */
  --color-shades-warning-pending-light-800: rgb(131,112,34); /* @kind color */
  --color-shades-warning-pending-light-900: rgb(100,85,26); /* @kind color */
  --color-surface-primary-brand-light-grey: var(--brand-colors-brand-primary-colors-grey); /* @kind color */
  --color-surface-primary-white: var(--brand-colors-brand-primary-colors-white); /* @kind color */
  --color-text-error-default: var(--system-colors-error-red-700); /* @kind color */
  --color-text-primary-default-dark: var(--brand-colors-brand-primary-colors-dark); /* @kind color */
  --color-text-primary-disabled-text: var(--brand-colors-brand-colors-shades-primary-grey-shades-primary-grey-700); /* @kind color */
  --color-text-primary-secondary-grey: var(--brand-colors-brand-colors-shades-primary-dark-shades-primary-dark-400); /* @kind color */
  --color-text-success-default: var(--brand-colors-brand-colors-shades-highlights-green-shades-highlights-green-700); /* @kind color */
  --corner-radius-radius-lg: 12;
  --corner-radius-radius-md-2: 8;
  --corner-radius-radius-md: 8;
  --corner-radius-radius-none: 0;
  --corner-radius-radius-rounded: 1000;
  --corner-radius-radius-sm-2: 4;
  --corner-radius-radius-sm: 4;
  --corner-radius-radius-xl: 16;
  --corner-radius-radius-xs: 2;
  --cta-buttons-central-neon-tide: var(--color-brand-color-central-neon-tide); /* @kind color */
  --cta-buttons-central-signal-fire: var(--color-brand-color-central-signal-fire); /* @kind color */
  --cta-buttons-dark-grey: rgb(59,59,59); /* @kind color */
  --cta-buttons-disabled: rgb(226,226,226); /* @kind color */
  --cta-buttons-primary-central-white: var(--color-brand-color-central-white); /* @kind color */
  --feedback-error-border: rgb(254,202,202); /* @kind color */
  --feedback-error-icon: rgb(220,38,38); /* @kind color */
  --feedback-error-surface: rgb(254,242,242); /* @kind color */
  --feedback-error-text: rgb(69,10,10); /* @kind color */
  --feedback-info-border: rgb(186,230,253); /* @kind color */
  --feedback-info-icon: rgb(2,132,199); /* @kind color */
  --feedback-info-surface: rgb(240,249,255); /* @kind color */
  --feedback-info-text: rgb(8,47,73); /* @kind color */
  --feedback-success-border: rgb(167,243,208); /* @kind color */
  --feedback-success-icon: rgb(5,150,105); /* @kind color */
  --feedback-success-surface: rgb(236,253,245); /* @kind color */
  --feedback-success-text: rgb(2,44,34); /* @kind color */
  --feedback-warning-border: rgb(253,230,138); /* @kind color */
  --feedback-warning-icon: rgb(217,119,6); /* @kind color */
  --feedback-warning-surface: rgb(255,251,235); /* @kind color */
  --feedback-warning-text: rgb(69,26,3); /* @kind color */
  --font-family-body-text: "Manrope";
  --font-family-body: "Manrope";
  --font-family-headings: "Manrope";
  --font-family-highlight: "Geist Mono";
  --font-style-paragraph: "Inter";
  --h1-font-family: var(--font-family-headings);
  --h1-letter-spacing: 0;
  --h1-line-height: 73;
  --h1-paragraph-spacing: 0;
  --h1-text-size: 72;
  --h2-font-family: var(--font-family-headings);
  --h2-letter-spacing: 0;
  --h2-line-height: 59;
  --h2-paragraph-spacing: 13;
  --h2-text-size: 53;
  --h3-font-family: var(--font-family-headings);
  --h3-letter-spacing: 0;
  --h3-line-height: 45;
  --h3-paragraph-spacing: 0;
  --h3-text-size: 38;
  --h4-font-family-2: var(--font-family-headings);
  --h4-font-family: var(--font-family-headings);
  --h4-letter-spacing-2: 0;
  --h4-letter-spacing: 0;
  --h4-line-height-2: 32;
  --h4-line-height: 32;
  --h4-paragraph-spacing-2: 13;
  --h4-paragraph-spacing: 13;
  --h4-text-size-2: 24;
  --h4-text-size: 24;
  --h5-font-family: var(--font-family-headings);
  --h5-letter-spacing: 0;
  --h5-line-height: 30;
  --h5-paragraph-spacing: 13;
  --h5-text-size: 22;
  --h6-font-family: var(--font-family-headings);
  --h6-letter-spacing: 0;
  --h6-line-height: 27;
  --h6-paragraph-spacing: 13;
  --h6-text-size: 20;
  --headings: "Manrope";
  --highlight-2xs-font-family: var(--font-family-highlight);
  --highlight-2xs-letter-spacing: 0;
  --highlight-2xs-line-height: 11;
  --highlight-2xs-paragraph-spacing: 0;
  --highlight-2xs-text-size: 8;
  --highlight-l-font-family: var(--font-family-highlight);
  --highlight-l-letter-spacing: 0;
  --highlight-l-line-height: 18;
  --highlight-l-paragraph-spacing: 0;
  --highlight-l-text-size: 16;
  --highlight-m-font-family: var(--font-family-highlight);
  --highlight-m-letter-spacing: 0;
  --highlight-m-line-height: 19;
  --highlight-m-paragraph-spacing: 0;
  --highlight-m-text-size: 14;
  --highlight-s-font-family: var(--font-family-highlight);
  --highlight-s-letter-spacing: 1;
  --highlight-s-line-height: 16;
  --highlight-s-paragraph-spacing: 0;
  --highlight-s-text-size: 12;
  --highlight-xl-font-family-2: var(--font-family-highlight);
  --highlight-xl-font-family: var(--font-family-highlight);
  --highlight-xl-letter-spacing-2: 0;
  --highlight-xl-letter-spacing: 0;
  --highlight-xl-line-height-2: 25;
  --highlight-xl-line-height: 25;
  --highlight-xl-paragraph-spacing: 0;
  --highlight-xl-text-size-2: 18;
  --highlight-xl-text-size: 18;
  --highlight-xs-font-family: var(--font-family-highlight);
  --highlight-xs-letter-spacing: 0;
  --highlight-xs-line-height: 12;
  --highlight-xs-paragraph-spacing: 0;
  --highlight-xs-text-size: 10;
  --highlight: "Geist Mono";
  --icons-central-beige: var(--color-brand-color-central-beige); /* @kind color */
  --icons-central-neon-tide: var(--color-brand-color-central-neon-tide); /* @kind color */
  --icons-central-signal-fire: var(--color-brand-color-central-signal-fire); /* @kind color */
  --icons-disabled: var(--color-shades-brand-beige-700); /* @kind color */
  --icons-grey-secondary: var(--color-shades-brand-black-300); /* @kind color */
  --icons-primary-central-black: var(--color-brand-color-central-black); /* @kind color */
  --icons-primary-central-white: var(--color-brand-color-central-white); /* @kind color */
  --input-fields-default: rgb(226,226,226); /* @kind color */
  --input-fields-disabled-filled: rgb(226,226,226); /* @kind color */
  --overline-line-height: 22;
  --overline-paragraph-spacing: 0;
  --overline-text-size: 10;
  --paragraph-sm-line-height: 20;
  --paragraph-sm-paragraph-spacing: 8;
  --paragraph-sm-text-size: 14;
  --secondary-line-height: 26;
  --secondary-paragraph-spacing: 9;
  --secondary-text-size: 13;
  --shades-brand-black-300: rgb(104,104,104); /* @kind color */
  --space-25: 1;
  --space-300: 12;
  --spacing-system-spacing-1-2: 4;
  --spacing-system-spacing-10: 40;
  --spacing-system-spacing-11: 44;
  --spacing-system-spacing-12: 48;
  --spacing-system-spacing-13: 60;
  --spacing-system-spacing-14: 80;
  --spacing-system-spacing-15-2: 100;
  --spacing-system-spacing-15: 100;
  --spacing-system-spacing-1: 4;
  --spacing-system-spacing-2-2: 8;
  --spacing-system-spacing-2: 8;
  --spacing-system-spacing-3-2: 12;
  --spacing-system-spacing-3: 12;
  --spacing-system-spacing-4-2: 16;
  --spacing-system-spacing-4: 16;
  --spacing-system-spacing-5: 20;
  --spacing-system-spacing-6-2: 24;
  --spacing-system-spacing-6: 24;
  --spacing-system-spacing-7: 28;
  --spacing-system-spacing-8-2: 32;
  --spacing-system-spacing-8: 32;
  --spacing-system-spacing-9: 36;
  --spacing-system-spacing-none-2: 0;
  --spacing-system-spacing-none: 0;
  --surface-central-beige: var(--color-brand-color-central-beige); /* @kind color */
  --surface-central-black: var(--color-brand-color-central-black); /* @kind color */
  --surface-central-signal-fire: var(--color-brand-color-central-signal-fire); /* @kind color */
  --surface-central-white: var(--color-brand-color-central-white); /* @kind color */
  --surface-dark-grey: rgb(59,59,59); /* @kind color */
  --surface-light-grey: rgb(226,226,226); /* @kind color */
  --system-colors-danger-dark: rgb(140,48,36); /* @kind color */
  --system-colors-danger-light: rgb(255,203,196); /* @kind color */
  --system-colors-error-red-700: rgb(170,26,0); /* @kind color */
  --system-colors-info-dark: rgb(8,47,73); /* @kind color */
  --system-colors-info-light: rgb(240,249,255); /* @kind color */
  --system-colors-success-dark: rgb(30,73,31); /* @kind color */
  --system-colors-success-light: rgb(111,221,114); /* @kind color */
  --system-colors-warning-dark: rgb(97,66,4); /* @kind color */
  --system-colors-warning-light: rgb(238,203,61); /* @kind color */
  --text-central-beige: var(--color-brand-color-central-beige); /* @kind color */
  --text-central-neon-tide: var(--color-brand-color-central-neon-tide); /* @kind color */
  --text-central-signal-fire: var(--color-brand-color-central-signal-fire); /* @kind color */
  --text-disabled: var(--color-shades-brand-beige-700); /* @kind color */
  --text-grey-secondary: var(--color-shades-brand-black-300); /* @kind color */
  --text-primary-central-black: var(--color-brand-color-central-black); /* @kind color */
  --text-primary-central-white: var(--color-brand-color-central-white); /* @kind color */
}

:root[data-mode="tablet"] {
  --body-2xs-font-family: var(--font-family-body);
  --body-2xs-letter-spacing: 0;
  --body-2xs-line-height: 10;
  --body-2xs-paragraph-spacing: 0;
  --body-2xs-text-size: 8;
  --body-l-font-family-2: var(--font-family-body);
  --body-l-font-family: var(--font-family-body);
  --body-l-letter-spacing-2: 0;
  --body-l-letter-spacing-3: 0.5;
  --body-l-letter-spacing: 0;
  --body-l-line-height-2: 22;
  --body-l-line-height-3: 24;
  --body-l-line-height: 22;
  --body-l-paragraph-spacing-2: 13;
  --body-l-paragraph-spacing-3: 12;
  --body-l-paragraph-spacing: 13;
  --body-l-text-size-2: 16;
  --body-l-text-size-3: 16;
  --body-l-text-size: 16;
  --body-m-font-family-2: var(--font-family-body);
  --body-m-font-family: var(--font-family-body);
  --body-m-letter-spacing-2: 0;
  --body-m-letter-spacing: 0;
  --body-m-line-height-2: 22;
  --body-m-line-height-3: 19;
  --body-m-line-height: 20;
  --body-m-paragraph-spacing-2: 9;
  --body-m-paragraph-spacing-3: 0;
  --body-m-paragraph-spacing: 0;
  --body-m-secondary-font-family: var(--font-family-body);
  --body-m-secondary-letter-spacing: 0;
  --body-m-secondary-line-height: 19;
  --body-m-secondary-paragraph-spacing: 0;
  --body-m-secondary-text-size: 13;
  --body-m-text-size-2: 14;
  --body-m-text-size-3: 14;
  --body-m-text-size: 14;
  --body-s-font-family: var(--font-family-body);
  --body-s-letter-spacing: 0;
  --body-s-line-height-2: 18;
  --body-s-line-height: 13;
  --body-s-paragraph-spacing-2: 8;
  --body-s-paragraph-spacing: 10;
  --body-s-text-size-2: 12;
  --body-s-text-size: 12;
  --body-xl-font-family: var(--font-family-body);
  --body-xl-letter-spacing: 0;
  --body-xl-line-height: 25;
  --body-xl-paragraph-spacing: 13;
  --body-xl-text-size: 18;
  --body-xs-font-family: var(--font-family-body);
  --body-xs-letter-spacing: 0;
  --body-xs-line-height: 13;
  --body-xs-paragraph-spacing: 0;
  --body-xs-text-size: 10;
  --h1-font-family: var(--font-family-headings);
  --h1-letter-spacing: 0;
  --h1-line-height: 73;
  --h1-paragraph-spacing: 0;
  --h1-text-size: 72;
  --h2-font-family: var(--font-family-headings);
  --h2-letter-spacing: 0;
  --h2-line-height: 59;
  --h2-paragraph-spacing: 13;
  --h2-text-size: 53;
  --h3-font-family: var(--font-family-headings);
  --h3-letter-spacing: 0;
  --h3-line-height: 45;
  --h3-paragraph-spacing: 0;
  --h3-text-size: 38;
  --h4-font-family-2: var(--font-family-headings);
  --h4-font-family: var(--font-family-headings);
  --h4-letter-spacing-2: 0;
  --h4-letter-spacing: 0;
  --h4-line-height-2: 32;
  --h4-line-height: 32;
  --h4-paragraph-spacing-2: 13;
  --h4-paragraph-spacing: 13;
  --h4-text-size-2: 24;
  --h4-text-size: 24;
  --h5-font-family: var(--font-family-headings);
  --h5-letter-spacing: 0;
  --h5-line-height: 30;
  --h5-paragraph-spacing: 13;
  --h5-text-size: 22;
  --h6-font-family: var(--font-family-headings);
  --h6-letter-spacing: 0;
  --h6-line-height: 27;
  --h6-paragraph-spacing: 13;
  --h6-text-size: 20;
  --highlight-2xs-font-family: var(--font-family-highlight);
  --highlight-2xs-letter-spacing: 0;
  --highlight-2xs-line-height: 11;
  --highlight-2xs-paragraph-spacing: 0;
  --highlight-2xs-text-size: 8;
  --highlight-l-font-family: var(--font-family-highlight);
  --highlight-l-letter-spacing: 0;
  --highlight-l-line-height: 18;
  --highlight-l-paragraph-spacing: 0;
  --highlight-l-text-size: 16;
  --highlight-m-font-family: var(--font-family-highlight);
  --highlight-m-letter-spacing: 0;
  --highlight-m-line-height: 19;
  --highlight-m-paragraph-spacing: 0;
  --highlight-m-text-size: 14;
  --highlight-s-font-family: var(--font-family-highlight);
  --highlight-s-letter-spacing: 1;
  --highlight-s-line-height: 16;
  --highlight-s-paragraph-spacing: 0;
  --highlight-s-text-size: 12;
  --highlight-xl-font-family-2: var(--font-family-highlight);
  --highlight-xl-font-family: var(--font-family-highlight);
  --highlight-xl-letter-spacing-2: 0;
  --highlight-xl-letter-spacing: 0;
  --highlight-xl-line-height-2: 25;
  --highlight-xl-line-height: 25;
  --highlight-xl-paragraph-spacing: 0;
  --highlight-xl-text-size-2: 18;
  --highlight-xl-text-size: 18;
  --highlight-xs-font-family: var(--font-family-highlight);
  --highlight-xs-letter-spacing: 0;
  --highlight-xs-line-height: 12;
  --highlight-xs-paragraph-spacing: 0;
  --highlight-xs-text-size: 10;
  --overline-line-height: 22;
  --overline-paragraph-spacing: 0;
  --overline-text-size: 10;
  --secondary-line-height: 26;
  --secondary-paragraph-spacing: 9;
  --secondary-text-size: 13;
}

:root[data-mode="mobile"] {
  --body-2xs-font-family: var(--font-family-body);
  --body-2xs-letter-spacing: 0;
  --body-2xs-line-height: 10;
  --body-2xs-paragraph-spacing: 0;
  --body-2xs-text-size: 8;
  --body-l-font-family-2: var(--font-family-body);
  --body-l-font-family: var(--font-family-body);
  --body-l-letter-spacing-2: 0;
  --body-l-letter-spacing-3: 0.5;
  --body-l-letter-spacing: 0;
  --body-l-line-height-2: 22;
  --body-l-line-height-3: 24;
  --body-l-line-height: 22;
  --body-l-paragraph-spacing-2: 13;
  --body-l-paragraph-spacing-3: 12;
  --body-l-paragraph-spacing: 13;
  --body-l-text-size-2: 16;
  --body-l-text-size-3: 16;
  --body-l-text-size: 16;
  --body-m-font-family-2: var(--font-family-body);
  --body-m-font-family: var(--font-family-body);
  --body-m-letter-spacing-2: 0;
  --body-m-letter-spacing: 0;
  --body-m-line-height-2: 22;
  --body-m-line-height-3: 19;
  --body-m-line-height: 20;
  --body-m-paragraph-spacing-2: 9;
  --body-m-paragraph-spacing-3: 0;
  --body-m-paragraph-spacing: 0;
  --body-m-secondary-font-family: var(--font-family-body);
  --body-m-secondary-letter-spacing: 0;
  --body-m-secondary-line-height: 19;
  --body-m-secondary-paragraph-spacing: 0;
  --body-m-secondary-text-size: 13;
  --body-m-text-size-2: 14;
  --body-m-text-size-3: 14;
  --body-m-text-size: 14;
  --body-s-font-family: var(--font-family-body);
  --body-s-letter-spacing: 0;
  --body-s-line-height-2: 16;
  --body-s-line-height: 13;
  --body-s-paragraph-spacing-2: 0;
  --body-s-paragraph-spacing: 10;
  --body-s-text-size-2: 12;
  --body-s-text-size: 12;
  --body-xl-font-family: var(--font-family-body);
  --body-xl-letter-spacing: 0;
  --body-xl-line-height: 25;
  --body-xl-paragraph-spacing: 13;
  --body-xl-text-size: 18;
  --body-xs-font-family: var(--font-family-body);
  --body-xs-letter-spacing: 0;
  --body-xs-line-height: 13;
  --body-xs-paragraph-spacing: 0;
  --body-xs-text-size: 10;
  --h1-font-family: var(--font-family-headings);
  --h1-letter-spacing: 0;
  --h1-line-height: 65;
  --h1-paragraph-spacing: 0;
  --h1-text-size: 60;
  --h2-font-family: var(--font-family-headings);
  --h2-letter-spacing: 0;
  --h2-line-height: 59;
  --h2-paragraph-spacing: 13;
  --h2-text-size: 53;
  --h3-font-family: var(--font-family-headings);
  --h3-letter-spacing: 0;
  --h3-line-height: 38;
  --h3-paragraph-spacing: 0;
  --h3-text-size: 32;
  --h4-font-family-2: var(--font-family-headings);
  --h4-font-family: var(--font-family-headings);
  --h4-letter-spacing-2: 0;
  --h4-letter-spacing: 0;
  --h4-line-height-2: 32;
  --h4-line-height: 32;
  --h4-paragraph-spacing-2: 13;
  --h4-paragraph-spacing: 13;
  --h4-text-size-2: 24;
  --h4-text-size: 24;
  --h5-font-family: var(--font-family-headings);
  --h5-letter-spacing: 0;
  --h5-line-height: 30;
  --h5-paragraph-spacing: 13;
  --h5-text-size: 22;
  --h6-font-family: var(--font-family-headings);
  --h6-letter-spacing: 0;
  --h6-line-height: 27;
  --h6-paragraph-spacing: 13;
  --h6-text-size: 20;
  --highlight-2xs-font-family: var(--font-family-highlight);
  --highlight-2xs-letter-spacing: 0;
  --highlight-2xs-line-height: 11;
  --highlight-2xs-paragraph-spacing: 0;
  --highlight-2xs-text-size: 8;
  --highlight-l-font-family: var(--font-family-highlight);
  --highlight-l-letter-spacing: 0;
  --highlight-l-line-height: 18;
  --highlight-l-paragraph-spacing: 0;
  --highlight-l-text-size: 16;
  --highlight-m-font-family: var(--font-family-highlight);
  --highlight-m-letter-spacing: 0;
  --highlight-m-line-height: 19;
  --highlight-m-paragraph-spacing: 0;
  --highlight-m-text-size: 14;
  --highlight-s-font-family: var(--font-family-highlight);
  --highlight-s-letter-spacing: 1;
  --highlight-s-line-height: 16;
  --highlight-s-paragraph-spacing: 0;
  --highlight-s-text-size: 12;
  --highlight-xl-font-family-2: var(--font-family-highlight);
  --highlight-xl-font-family: var(--font-family-highlight);
  --highlight-xl-letter-spacing-2: 0;
  --highlight-xl-letter-spacing: 0;
  --highlight-xl-line-height-2: 25;
  --highlight-xl-line-height: 25;
  --highlight-xl-paragraph-spacing: 0;
  --highlight-xl-text-size-2: 17;
  --highlight-xl-text-size: 17;
  --highlight-xs-font-family: var(--font-family-highlight);
  --highlight-xs-letter-spacing: 0;
  --highlight-xs-line-height: 12;
  --highlight-xs-paragraph-spacing: 0;
  --highlight-xs-text-size: 10;
  --overline-line-height: 22;
  --overline-paragraph-spacing: 0;
  --overline-text-size: 10;
  --paragraph-sm-line-height: 20;
  --paragraph-sm-paragraph-spacing: 8;
  --paragraph-sm-text-size: 14;
  --secondary-line-height: 26;
  --secondary-paragraph-spacing: 9;
  --secondary-text-size: 13;
}