:root {
  /* Auto-generated from Figma -- do not edit manually */
  /* Generated: 2026-10-05 16:33:47 */

  --text-heading-color: #040816;
  --text-heading-color-rgb: 4, 8, 22;
  --text-color: #0F1624;
  --text-color-rgb: 15, 22, 36;
  --text-secondary-color: #424B57;
  --text-secondary-color-rgb: 66, 75, 87;
  --text-light: #8E96A4;
  --text-light-rgb: 142, 150, 164;
  --text-color-contrast: #FFFFFF;
  --text-color-contrast-rgb: 255, 255, 255;
  --text-primary: var(--primary-dark);
  --text-primary-rgb: var(--primary-dark-rgb);
  --text-secondary: var(--secondary-dark);
  --text-secondary-rgb: var(--secondary-dark-rgb);
  --text-tertiary: var(--tertiary-1-tertiary-darkest);
  --text-tertiary-rgb: var(--tertiary-1-tertiary-darkest-rgb);
  --text-error: var(--error-default);
  --text-error-rgb: var(--error-default-rgb);
  --text-success: var(--success-dark);
  --text-success-rgb: var(--success-dark-rgb);
  --text-warning: var(--warning-dark);
  --text-warning-rgb: var(--warning-dark-rgb);
  --text-info: var(--info-darkest);
  --text-info-rgb: var(--info-darkest-rgb);
  --text-help: var(--help-dark);
  --text-help-rgb: var(--help-dark-rgb);
  --text-link: var(--tertiary-1-tertiary-darkest);
  --text-link-rgb: var(--tertiary-1-tertiary-darkest-rgb);
  --text-calculated: #1C76B0;
  --text-calculated-rgb: 28, 118, 176;
  --text-customised: #0083DA;
  --text-customised-rgb: 0, 131, 218;
  --icon-primary: var(--primary-dark);
  --icon-primary-rgb: var(--primary-dark-rgb);
  --icon-secondary: var(--secondary-dark);
  --icon-secondary-rgb: var(--secondary-dark-rgb);
  --icon-tertiary: var(--tertiary-1-tertiary-dark);
  --icon-tertiary-rgb: var(--tertiary-1-tertiary-dark-rgb);
  --icon-contrast: #FFFFFF;
  --icon-contrast-rgb: 255, 255, 255;
  --icon-light: #D4D8DD;
  --icon-light-rgb: 212, 216, 221;
  --icon-medium: #686F7D;
  --icon-medium-rgb: 104, 111, 125;
  --icon-dark: #343D4C;
  --icon-dark-rgb: 52, 61, 76;
  --icon-error: var(--error-default);
  --icon-error-rgb: var(--error-default-rgb);
  --icon-success: var(--success-dark);
  --icon-success-rgb: var(--success-dark-rgb);
  --icon-warning: var(--warning-default);
  --icon-warning-rgb: var(--warning-default-rgb);
  --icon-info: var(--info-dark);
  --icon-info-rgb: var(--info-dark-rgb);
  --icon-help: var(--help-default);
  --icon-help-rgb: var(--help-default-rgb);
  --button-outline-width: 2px;
  --button-primary-solid-bg: var(--primary-default);
  --button-primary-solid-bg-rgb: var(--primary-default-rgb);
  --button-primary-solid-bg-hover: var(--primary-darker);
  --button-primary-solid-bg-hover-rgb: var(--primary-darker-rgb);
  --button-primary-solid-text: var(--text-color-contrast);
  --button-primary-solid-text-rgb: var(--text-color-contrast-rgb);
  --button-primary-solid-text-hover: var(--text-color-contrast);
  --button-primary-solid-text-hover-rgb: var(--text-color-contrast-rgb);
  --button-primary-outline-border: var(--primary-default);
  --button-primary-outline-border-rgb: var(--primary-default-rgb);
  --button-primary-outline-border-hover: var(--primary-darker);
  --button-primary-outline-border-hover-rgb: var(--primary-darker-rgb);
  --button-primary-outline-text: var(--primary-darker);
  --button-primary-outline-text-rgb: var(--primary-darker-rgb);
  --button-primary-outline-text-hover: var(--primary-darkest);
  --button-primary-outline-text-hover-rgb: var(--primary-darkest-rgb);
  --button-primary-outline-bg: rgba(255, 255, 255, 0);
  --button-primary-outline-bg-hover: var(--primary-light);
  --button-primary-outline-bg-hover-rgb: var(--primary-light-rgb);
  --button-primary-text-text: var(--primary-darkest);
  --button-primary-text-text-rgb: var(--primary-darkest-rgb);
  --button-primary-text-text-hover: var(--primary-darkest);
  --button-primary-text-text-hover-rgb: var(--primary-darkest-rgb);
  --button-primary-text-bg: rgba(255, 255, 255, 0);
  --button-primary-text-bg-hover: var(--primary-light);
  --button-primary-text-bg-hover-rgb: var(--primary-light-rgb);
  --button-secondary-solid-bg: var(--secondary-default);
  --button-secondary-solid-bg-rgb: var(--secondary-default-rgb);
  --button-secondary-solid-bg-hover: var(--secondary-dark);
  --button-secondary-solid-bg-hover-rgb: var(--secondary-dark-rgb);
  --button-secondary-solid-text: var(--text-color);
  --button-secondary-solid-text-rgb: var(--text-color-rgb);
  --button-secondary-solid-text-hover: var(--text-color);
  --button-secondary-solid-text-hover-rgb: var(--text-color-rgb);
  --button-secondary-outline-border: var(--secondary-default);
  --button-secondary-outline-border-rgb: var(--secondary-default-rgb);
  --button-secondary-outline-border-hover: var(--secondary-default);
  --button-secondary-outline-border-hover-rgb: var(--secondary-default-rgb);
  --button-secondary-outline-text: var(--text-color);
  --button-secondary-outline-text-rgb: var(--text-color-rgb);
  --button-secondary-outline-text-hover: var(--text-color);
  --button-secondary-outline-text-hover-rgb: var(--text-color-rgb);
  --button-secondary-outline-bg: rgba(255, 255, 255, 0);
  --button-secondary-outline-bg-hover: var(--secondary-default);
  --button-secondary-outline-bg-hover-rgb: var(--secondary-default-rgb);
  --button-secondary-text-text: var(--text-color);
  --button-secondary-text-text-rgb: var(--text-color-rgb);
  --button-secondary-text-text-hover: var(--text-color);
  --button-secondary-text-text-hover-rgb: var(--text-color-rgb);
  --button-secondary-text-bg: rgba(255, 255, 255, 0);
  --button-secondary-text-bg-hover: var(--secondary-default);
  --button-secondary-text-bg-hover-rgb: var(--secondary-default-rgb);
  --button-tertiary-solid-bg: var(--tertiary-1-tertiary-light);
  --button-tertiary-solid-bg-rgb: var(--tertiary-1-tertiary-light-rgb);
  --button-tertiary-solid-bg-hover: var(--tertiary-1-tertiary-default);
  --button-tertiary-solid-bg-hover-rgb: var(--tertiary-1-tertiary-default-rgb);
  --button-tertiary-solid-text: var(--text-color);
  --button-tertiary-solid-text-rgb: var(--text-color-rgb);
  --button-tertiary-solid-text-hover: var(--text-color);
  --button-tertiary-solid-text-hover-rgb: var(--text-color-rgb);
  --button-tertiary-outline-border: var(--tertiary-1-tertiary-default);
  --button-tertiary-outline-border-rgb: var(--tertiary-1-tertiary-default-rgb);
  --button-tertiary-outline-border-hover: var(--tertiary-1-tertiary-default);
  --button-tertiary-outline-border-hover-rgb: var(--tertiary-1-tertiary-default-rgb);
  --button-tertiary-outline-text: var(--text-color);
  --button-tertiary-outline-text-rgb: var(--text-color-rgb);
  --button-tertiary-outline-text-hover: var(--text-color);
  --button-tertiary-outline-text-hover-rgb: var(--text-color-rgb);
  --button-tertiary-outline-bg: rgba(255, 255, 255, 0);
  --button-tertiary-outline-bg-hover: var(--tertiary-1-tertiary-default);
  --button-tertiary-outline-bg-hover-rgb: var(--tertiary-1-tertiary-default-rgb);
  --button-tertiary-text-text: var(--text-color);
  --button-tertiary-text-text-rgb: var(--text-color-rgb);
  --button-tertiary-text-text-hover: var(--text-color);
  --button-tertiary-text-text-hover-rgb: var(--text-color-rgb);
  --button-tertiary-text-bg: rgba(255, 255, 255, 0);
  --button-tertiary-text-bg-hover: var(--tertiary-1-tertiary-default);
  --button-tertiary-text-bg-hover-rgb: var(--tertiary-1-tertiary-default-rgb);
  --button-dark-solid-bg: #253141;
  --button-dark-solid-bg-rgb: 37, 49, 65;
  --button-dark-solid-bg-hover: #0F1624;
  --button-dark-solid-bg-hover-rgb: 15, 22, 36;
  --button-dark-solid-text: #F0F2F4;
  --button-dark-solid-text-rgb: 240, 242, 244;
  --button-dark-solid-text-hover: var(--text-color-contrast);
  --button-dark-solid-text-hover-rgb: var(--text-color-contrast-rgb);
  --button-dark-outline-border: #253141;
  --button-dark-outline-border-rgb: 37, 49, 65;
  --button-dark-outline-border-hover: #0F1624;
  --button-dark-outline-border-hover-rgb: 15, 22, 36;
  --button-dark-outline-text: #253141;
  --button-dark-outline-text-rgb: 37, 49, 65;
  --button-dark-outline-text-hover: #FFFFFF;
  --button-dark-outline-text-hover-rgb: 255, 255, 255;
  --button-dark-outline-bg: rgba(255, 255, 255, 0);
  --button-dark-outline-bg-hover: #0F1624;
  --button-dark-outline-bg-hover-rgb: 15, 22, 36;
  --button-dark-text-text: #253141;
  --button-dark-text-text-rgb: 37, 49, 65;
  --button-dark-text-text-hover: #0F1624;
  --button-dark-text-text-hover-rgb: 15, 22, 36;
  --button-dark-text-bg: rgba(255, 255, 255, 0);
  --button-dark-text-bg-hover: #F0F2F4;
  --button-dark-text-bg-hover-rgb: 240, 242, 244;
  --button-medium-solid-bg: #424B57;
  --button-medium-solid-bg-rgb: 66, 75, 87;
  --button-medium-solid-bg-hover: #343D4C;
  --button-medium-solid-bg-hover-rgb: 52, 61, 76;
  --button-medium-solid-text: #F0F2F4;
  --button-medium-solid-text-rgb: 240, 242, 244;
  --button-medium-solid-text-hover: var(--text-color-contrast);
  --button-medium-solid-text-hover-rgb: var(--text-color-contrast-rgb);
  --button-medium-outline-border: #424B57;
  --button-medium-outline-border-rgb: 66, 75, 87;
  --button-medium-outline-border-hover: #343D4C;
  --button-medium-outline-border-hover-rgb: 52, 61, 76;
  --button-medium-outline-text: #424B57;
  --button-medium-outline-text-rgb: 66, 75, 87;
  --button-medium-outline-text-hover: #FFFFFF;
  --button-medium-outline-text-hover-rgb: 255, 255, 255;
  --button-medium-outline-bg: rgba(255, 255, 255, 0);
  --button-medium-outline-bg-hover: #424B57;
  --button-medium-outline-bg-hover-rgb: 66, 75, 87;
  --button-medium-text-text: #424B57;
  --button-medium-text-text-rgb: 66, 75, 87;
  --button-medium-text-text-hover: #343D4C;
  --button-medium-text-text-hover-rgb: 52, 61, 76;
  --button-medium-text-bg: rgba(255, 255, 255, 0);
  --button-medium-text-bg-hover: #F0F2F4;
  --button-medium-text-bg-hover-rgb: 240, 242, 244;
  --button-light-solid-bg: #F0F2F4;
  --button-light-solid-bg-rgb: 240, 242, 244;
  --button-light-solid-bg-hover: #E5E7EB;
  --button-light-solid-bg-hover-rgb: 229, 231, 235;
  --button-light-solid-text: #253141;
  --button-light-solid-text-rgb: 37, 49, 65;
  --button-light-solid-text-hover: #0F1624;
  --button-light-solid-text-hover-rgb: 15, 22, 36;
  --button-light-outline-border: #E5E7EB;
  --button-light-outline-border-rgb: 229, 231, 235;
  --button-light-outline-border-hover: #E5E7EB;
  --button-light-outline-border-hover-rgb: 229, 231, 235;
  --button-light-outline-text: #253141;
  --button-light-outline-text-rgb: 37, 49, 65;
  --button-light-outline-text-hover: #000000;
  --button-light-outline-text-hover-rgb: 0, 0, 0;
  --button-light-outline-bg: rgba(255, 255, 255, 0);
  --button-light-outline-bg-hover: #E5E7EB;
  --button-light-outline-bg-hover-rgb: 229, 231, 235;
  --button-light-text-text: #E5E7EB;
  --button-light-text-text-rgb: 229, 231, 235;
  --button-light-text-text-hover: #8E96A4;
  --button-light-text-text-hover-rgb: 142, 150, 164;
  --button-light-text-bg: rgba(255, 255, 255, 0);
  --button-light-text-bg-hover: #F0F2F4;
  --button-light-text-bg-hover-rgb: 240, 242, 244;
  --button-light-contrast-white-default: #FFFFFF;
  --button-light-contrast-white-default-rgb: 255, 255, 255;
  --button-light-contrast-white-hover: #F0F2F4;
  --button-light-contrast-white-hover-rgb: 240, 242, 244;
  --button-light-contrast-white-hover-light: #F0F2F4;
  --button-light-contrast-white-hover-light-rgb: 240, 242, 244;
  --button-light-contrast-white-contrast: var(--text-color);
  --button-light-contrast-white-contrast-rgb: var(--text-color-rgb);
  --button-error-solid-bg: var(--error-default);
  --button-error-solid-bg-rgb: var(--error-default-rgb);
  --button-error-solid-bg-hover: var(--error-dark);
  --button-error-solid-bg-hover-rgb: var(--error-dark-rgb);
  --button-error-solid-text: var(--text-color-contrast);
  --button-error-solid-text-rgb: var(--text-color-contrast-rgb);
  --button-error-solid-text-hover: var(--text-color-contrast);
  --button-error-solid-text-hover-rgb: var(--text-color-contrast-rgb);
  --button-error-outline-border: var(--error-default);
  --button-error-outline-border-rgb: var(--error-default-rgb);
  --button-error-outline-border-hover: var(--error-default);
  --button-error-outline-border-hover-rgb: var(--error-default-rgb);
  --button-error-outline-text: var(--error-default);
  --button-error-outline-text-rgb: var(--error-default-rgb);
  --button-error-outline-text-hover: var(--error-darker);
  --button-error-outline-text-hover-rgb: var(--error-darker-rgb);
  --button-error-outline-bg: rgba(255, 255, 255, 0);
  --button-error-outline-bg-hover: var(--error-lighter);
  --button-error-outline-bg-hover-rgb: var(--error-lighter-rgb);
  --button-error-text-text: var(--error-default);
  --button-error-text-text-rgb: var(--error-default-rgb);
  --button-error-text-text-hover: var(--error-darker);
  --button-error-text-text-hover-rgb: var(--error-darker-rgb);
  --button-error-text-bg: rgba(255, 255, 255, 0);
  --button-error-text-bg-hover: var(--error-lighter);
  --button-error-text-bg-hover-rgb: var(--error-lighter-rgb);
  --button-success-solid-bg: var(--success-default);
  --button-success-solid-bg-rgb: var(--success-default-rgb);
  --button-success-solid-bg-hover: var(--success-darker);
  --button-success-solid-bg-hover-rgb: var(--success-darker-rgb);
  --button-success-solid-text: var(--success-lighter);
  --button-success-solid-text-rgb: var(--success-lighter-rgb);
  --button-success-solid-text-hover: var(--text-color-contrast);
  --button-success-solid-text-hover-rgb: var(--text-color-contrast-rgb);
  --button-success-outline-border: var(--success-default);
  --button-success-outline-border-rgb: var(--success-default-rgb);
  --button-success-outline-border-hover: var(--success-darker);
  --button-success-outline-border-hover-rgb: var(--success-darker-rgb);
  --button-success-outline-text: var(--success-default);
  --button-success-outline-text-rgb: var(--success-default-rgb);
  --button-success-outline-text-hover: var(--success-darker);
  --button-success-outline-text-hover-rgb: var(--success-darker-rgb);
  --button-success-outline-bg: rgba(255, 255, 255, 0);
  --button-success-outline-bg-hover: var(--success-lighter);
  --button-success-outline-bg-hover-rgb: var(--success-lighter-rgb);
  --button-success-text-text: var(--success-dark);
  --button-success-text-text-rgb: var(--success-dark-rgb);
  --button-success-text-text-hover: var(--success-darker);
  --button-success-text-text-hover-rgb: var(--success-darker-rgb);
  --button-success-text-bg: rgba(255, 255, 255, 0);
  --button-success-text-bg-hover: var(--success-lighter);
  --button-success-text-bg-hover-rgb: var(--success-lighter-rgb);
  --button-warning-solid-bg: var(--warning-default);
  --button-warning-solid-bg-rgb: var(--warning-default-rgb);
  --button-warning-solid-bg-hover: var(--warning-dark);
  --button-warning-solid-bg-hover-rgb: var(--warning-dark-rgb);
  --button-warning-solid-text: var(--warning-lighter);
  --button-warning-solid-text-rgb: var(--warning-lighter-rgb);
  --button-warning-solid-text-hover: var(--text-color-contrast);
  --button-warning-solid-text-hover-rgb: var(--text-color-contrast-rgb);
  --button-warning-outline-border: var(--warning-default);
  --button-warning-outline-border-rgb: var(--warning-default-rgb);
  --button-warning-outline-border-hover: var(--warning-darker);
  --button-warning-outline-border-hover-rgb: var(--warning-darker-rgb);
  --button-warning-outline-text: var(--warning-default);
  --button-warning-outline-text-rgb: var(--warning-default-rgb);
  --button-warning-outline-text-hover: var(--warning-darker);
  --button-warning-outline-text-hover-rgb: var(--warning-darker-rgb);
  --button-warning-outline-bg: rgba(255, 255, 255, 0);
  --button-warning-outline-bg-hover: var(--warning-lighter);
  --button-warning-outline-bg-hover-rgb: var(--warning-lighter-rgb);
  --button-warning-text-text: var(--warning-default);
  --button-warning-text-text-rgb: var(--warning-default-rgb);
  --button-warning-text-text-hover: var(--warning-darker);
  --button-warning-text-text-hover-rgb: var(--warning-darker-rgb);
  --button-warning-text-bg: rgba(255, 255, 255, 0);
  --button-warning-text-bg-hover: var(--warning-lighter);
  --button-warning-text-bg-hover-rgb: var(--warning-lighter-rgb);
  --button-info-solid-bg: var(--info-default);
  --button-info-solid-bg-rgb: var(--info-default-rgb);
  --button-info-solid-bg-hover: var(--info-dark);
  --button-info-solid-bg-hover-rgb: var(--info-dark-rgb);
  --button-info-solid-text: var(--info-lighter);
  --button-info-solid-text-rgb: var(--info-lighter-rgb);
  --button-info-solid-text-hover: var(--text-primary);
  --button-info-solid-text-hover-rgb: var(--text-primary-rgb);
  --button-info-outline-border: var(--info-default);
  --button-info-outline-border-rgb: var(--info-default-rgb);
  --button-info-outline-border-hover: var(--info-darker);
  --button-info-outline-border-hover-rgb: var(--info-darker-rgb);
  --button-info-outline-text: var(--info-dark);
  --button-info-outline-text-rgb: var(--info-dark-rgb);
  --button-info-outline-text-hover: var(--info-darker);
  --button-info-outline-text-hover-rgb: var(--info-darker-rgb);
  --button-info-outline-bg: rgba(255, 255, 255, 0);
  --button-info-outline-bg-hover: var(--info-light);
  --button-info-outline-bg-hover-rgb: var(--info-light-rgb);
  --button-info-text-text: var(--info-default);
  --button-info-text-text-rgb: var(--info-default-rgb);
  --button-info-text-text-hover: var(--info-darker);
  --button-info-text-text-hover-rgb: var(--info-darker-rgb);
  --button-info-text-bg: rgba(255, 255, 255, 0);
  --button-info-text-bg-hover: var(--info-light);
  --button-info-text-bg-hover-rgb: var(--info-light-rgb);
  --button-help-solid-default: var(--help-default);
  --button-help-solid-default-rgb: var(--help-default-rgb);
  --button-help-solid-hover: var(--help-dark);
  --button-help-solid-hover-rgb: var(--help-dark-rgb);
  --button-help-solid-hover-light: var(--help-lighter);
  --button-help-solid-hover-light-rgb: var(--help-lighter-rgb);
  --button-help-solid-contrast: var(--text-color-contrast);
  --button-help-solid-contrast-rgb: var(--text-color-contrast-rgb);
  --button-help-outline-border: var(--help-default);
  --button-help-outline-border-rgb: var(--help-default-rgb);
  --button-help-outline-border-hover: var(--help-darker);
  --button-help-outline-border-hover-rgb: var(--help-darker-rgb);
  --button-help-outline-text: var(--help-default);
  --button-help-outline-text-rgb: var(--help-default-rgb);
  --button-help-outline-text-hover: var(--help-darker);
  --button-help-outline-text-hover-rgb: var(--help-darker-rgb);
  --button-help-outline-bg: rgba(255, 255, 255, 0);
  --button-help-outline-bg-hover: var(--help-lighter);
  --button-help-outline-bg-hover-rgb: var(--help-lighter-rgb);
  --button-help-text-text: var(--help-default);
  --button-help-text-text-rgb: var(--help-default-rgb);
  --button-help-text-text-hover: var(--help-darker);
  --button-help-text-text-hover-rgb: var(--help-darker-rgb);
  --button-help-text-bg: rgba(255, 255, 255, 0);
  --button-help-text-bg-hover: var(--help-lighter);
  --button-help-text-bg-hover-rgb: var(--help-lighter-rgb);
  --border-lightest: var(--surface-slate-100);
  --border-lightest-rgb: var(--surface-slate-100-rgb);
  --border-lighter: var(--surface-slate-200);
  --border-lighter-rgb: var(--surface-slate-200-rgb);
  --border-light: var(--surface-slate-300);
  --border-light-rgb: var(--surface-slate-300-rgb);
  --border-medium: var(--surface-slate-400);
  --border-medium-rgb: var(--surface-slate-400-rgb);
  --border-dark: var(--surface-slate-500);
  --border-dark-rgb: var(--surface-slate-500-rgb);
  --border-white: #FFFFFF;
  --border-white-rgb: 255, 255, 255;
  --border-primary: var(--primary-light);
  --border-primary-rgb: var(--primary-light-rgb);
  --border-primary-dark: var(--primary-default);
  --border-primary-dark-rgb: var(--primary-default-rgb);
  --border-secondary: var(--secondary-default);
  --border-secondary-rgb: var(--secondary-default-rgb);
  --border-tertiary: var(--tertiary-1-tertiary-default);
  --border-tertiary-rgb: var(--tertiary-1-tertiary-default-rgb);
  --border-error: var(--error-default);
  --border-error-rgb: var(--error-default-rgb);
  --border-success: var(--success-default);
  --border-success-rgb: var(--success-default-rgb);
  --border-warning: var(--warning-default);
  --border-warning-rgb: var(--warning-default-rgb);
  --border-info: var(--info-default);
  --border-info-rgb: var(--info-default-rgb);
  --border-help: var(--help-default);
  --border-help-rgb: var(--help-default-rgb);
  --border-calculated: #1C76B0;
  --border-calculated-rgb: 28, 118, 176;
  --border-separator: 0.75px;
  --border-card: 1px;
  --surface-0: #FFFFFF;
  --surface-0-rgb: 255, 255, 255;
  --surface-50: var(--surface-slate-50);
  --surface-50-rgb: var(--surface-slate-50-rgb);
  --surface-100: var(--surface-slate-100);
  --surface-100-rgb: var(--surface-slate-100-rgb);
  --surface-200: var(--surface-slate-200);
  --surface-200-rgb: var(--surface-slate-200-rgb);
  --surface-300: var(--surface-slate-300);
  --surface-300-rgb: var(--surface-slate-300-rgb);
  --surface-400: var(--surface-slate-400);
  --surface-400-rgb: var(--surface-slate-400-rgb);
  --surface-500: var(--surface-slate-500);
  --surface-500-rgb: var(--surface-slate-500-rgb);
  --surface-600: var(--surface-slate-600);
  --surface-600-rgb: var(--surface-slate-600-rgb);
  --surface-700: var(--surface-slate-700);
  --surface-700-rgb: var(--surface-slate-700-rgb);
  --surface-800: var(--surface-slate-800);
  --surface-800-rgb: var(--surface-slate-800-rgb);
  --surface-900: var(--surface-slate-900);
  --surface-900-rgb: var(--surface-slate-900-rgb);
  --surface-950: var(--surface-slate-950);
  --surface-950-rgb: var(--surface-slate-950-rgb);
  --surface-root-ground: var(--surface-0);
  --surface-root-ground-rgb: var(--surface-0-rgb);
  --surface-root-section: var(--surface-0);
  --surface-root-section-rgb: var(--surface-0-rgb);
  --surface-root-card: var(--surface-0);
  --surface-root-card-rgb: var(--surface-0-rgb);
  --surface-root-overlay: var(--surface-0);
  --surface-root-overlay-rgb: var(--surface-0-rgb);
  --surface-root-border: var(--surface-300);
  --surface-root-border-rgb: var(--surface-300-rgb);
  --surface-root-hover: var(--surface-slate-100);
  --surface-root-hover-rgb: var(--surface-slate-100-rgb);
  --surface-root-hover-secondary: var(--secondary-lighter);
  --surface-root-hover-secondary-rgb: var(--secondary-lighter-rgb);
  --surface-root-hover-tertiary: var(--tertiary-1-tertiary-lighter);
  --surface-root-hover-tertiary-rgb: var(--tertiary-1-tertiary-lighter-rgb);
  --surface-root-error: var(--error-lighter);
  --surface-root-error-rgb: var(--error-lighter-rgb);
  --surface-root-success: var(--success-lighter);
  --surface-root-success-rgb: var(--success-lighter-rgb);
  --surface-root-warning: var(--warning-lighter);
  --surface-root-warning-rgb: var(--warning-lighter-rgb);
  --surface-root-info: var(--info-lighter);
  --surface-root-info-rgb: var(--info-lighter-rgb);
  --surface-root-help: var(--help-lighter);
  --surface-root-help-rgb: var(--help-lighter-rgb);
  --radius-none: 0;
  --radius-minimal: 4px;
  --radius-rounded: 6px;
  --radius-full: 1000px;
  --spacing-none: 0;
  --spacing-xs: 2px;
  --spacing-sm: 4px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 24px;
  --spacing-2xl: 48px;
  --spacing-3xl: 72px;
  --spacing-4xl: 96px;
}