@layer tokens {
  :root {
    --primary-1-100: #f0c3cb;
    --primary-1-300: #d96a7e;
    --primary-1-500: #a8247f;
    --primary-1-700: #93206f;
    --primary-1-900: #270309;
    --primary-2-100: #f1f6f5;
    --primary-2-300: #c1f6f1;
    --primary-2-500: #d9239a;
    --primary-2-700: #c31f8a;
    --primary-2-900: #1f302f;
    --primary-3-100: #dfecfe;
    --primary-3-300: #b0cffd;
    --primary-3-500: #1a1818;
    --primary-4: #438bf5;
    --primary-3-700: #4c6a97;
    --primary-3-900: #192332;
    --secondary-1-100: #f3e2c5;
    --secondary-1-300: #e0b66f;
    --secondary-1-500: #222222;
    --secondary-1-700: #7b530e;
    --secondary-1-900: #291c05;
    --secondary-2-100: #efcde9;
    --secondary-2-300: #d782c8;
    --secondary-2-500: #f7f7f7;
    --secondary-2-700: #722064;
    --secondary-3-100: #c5f4e4;
    --secondary-2-900: #260b21;
    --secondary-3-300: #6fe3bd;
    --secondary-3-500: #808080;
    --secondary-4: #edde45;
    --secondary-3-700: #0d7e59;
    --secondary-3-900: #042a1e;
    --base-1: #000000;
    --base-2: #3d3d3d;
    --base-3: #757575;
    --base-4: #acacac;
    --base-5: #c6c4c4;
    --base-6: #dcdada;
    --base-7: #e6e6e6;
    --base-8: #f9f9f9;
    --base-9: #fcfcfc;
    --base-10: #ffffff;
    --dark-transparent: #00000000;
    --dark-5: #0000000d;
    --dark-10: #0000001a;
    --dark-25: #00000040;
    --dark-50: #00000080;
    --dark-75: #000000bf;
    --light-transparent: #ffffff00;
    --light-5: #ffffff0d;
    --light-10: #ffffff1a;
    --light-25: #ffffff40;
    --light-50: #ffffff80;
    --light-75: #ffffffbf;
    --error: #d91010;
    --success: #4c8c2b;
    --lg-1: clamp(4.8rem, 3.0792rem + 4.5283vw, 9.6rem);
    --lg-2: clamp(4rem, 2.2792rem + 4.5283vw, 8.8rem);
    --lg-3: clamp(3.6rem, 2.0226rem + 4.1509vw, 8rem);
    --lg-4: clamp(3.2rem, 1.7660rem + 3.7736vw, 7.2rem);
    --md-1: clamp(2.8rem, 1.5094rem + 3.3962vw, 6.4rem);
    --md-2: clamp(2.4rem, 1.2528rem + 3.0189vw, 5.6rem);
    --md-3: clamp(2rem, 0.9962rem + 2.6415vw, 4.8rem);
    --md-4: clamp(2rem, 1.2830rem + 1.8868vw, 4rem);
    --sm-1: clamp(2rem, 1.5698rem + 1.1321vw, 3.2rem);
    --sm-2: clamp(1.6rem, 1.3132rem + 0.7547vw, 2.4rem);
    --sm-3: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
    --sm-4: clamp(0.8rem, 0.6566rem + 0.3774vw, 1.2rem);
    --xs-1: clamp(0.8rem, 0.8000rem + 0.0000vw, 0.8rem);
    --xs-2: clamp(0.4rem, 0.4000rem + 0.0000vw, 0.4rem);
    --nil: clamp(0rem, 0.0000rem + 0.0000vw, 0rem);
    --radius-nil: 0px;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 16px;
    --radius-xxl: 24px;
    --shadow-nil: 0px;
    --shadow-xs: 2px;
    --shadow-sm: 4px;
    --shadow-md: 8px;
    --shadow-lg: 16px;
    --shadow-xl: 16px;
    --shadow-xxl: 24px;
    --primitive-family-titles: 'Oswald';
    --primitive-family-body: 'Roboto';
    --primitive-weight-light: 'Light';
    --primitive-weight-regular: 'Regular';
    --primitive-weight-medium: 'Medium';
    --primitive-weight-semi-bold: 'Semi Bold';
    --primitive-weight-bold: 'Bold';
    --primitive-weight-extra-bold: 'Extra Bold';
    --display-l-font-family: var(--primitive-family-titles);
    --display-m-font-family: var(--primitive-family-titles);
    --display-m-weight: var(--primitive-weight-bold);
    --display-m-font-size: clamp(2.8rem, 2.0830rem + 1.8868vw, 4.8rem);
    --display-s-font-family: var(--primitive-family-titles);
    --display-s-weight: var(--primitive-weight-bold);
    --display-s-font-size: clamp(2.4rem, 1.8264rem + 1.5094vw, 4rem);
    --display-s-line-height: clamp(3.2rem, 2.6264rem + 1.5094vw, 4.8rem);
    --display-l-weight: var(--primitive-weight-bold);
    --display-l-font-size: clamp(3.6rem, 2.7396rem + 2.2642vw, 6rem);
    --display-l-line-height: clamp(4.4rem, 3.5396rem + 2.2642vw, 6.8rem);
    --display-l-letter-spacing: 0px;
    --display-m-line-height: clamp(3.6rem, 2.8830rem + 1.8868vw, 5.6rem);
    --display-m-letter-spacing: 0px;
    --headline-l-font-family: var(--primitive-family-titles);
    --headline-l-weight: var(--primitive-weight-bold);
    --headline-l-font-size: clamp(2rem, 1.5698rem + 1.1321vw, 3.2rem);
    --headline-l-line-height: clamp(2.8rem, 2.3698rem + 1.1321vw, 4rem);
    --headline-l-letter-spacing: 0px;
    --display-s-letter-spacing: 0px;
    --headline-m-font-family: var(--primitive-family-titles);
    --headline-m-weight: var(--primitive-weight-semi-bold);
    --headline-m-font-size: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --headline-m-line-height: clamp(2.4rem, 2.1132rem + 0.7547vw, 3.2rem);
    --headline-m-letter-spacing: 0px;
    --headline-s-font-family: var(--primitive-family-titles);
    --headline-s-weight: var(--primitive-weight-semi-bold);
    --headline-s-font-size: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
    --headline-s-line-height: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --headline-s-letter-spacing: 0px;
    --body-l-font-family: var(--primitive-family-body);
    --body-l-weight: var(--primitive-weight-regular);
    --body-m-font-family: var(--primitive-family-body);
    --body-s-font-family: var(--primitive-family-body);
    --body-xs-font-family: var(--primitive-family-body);
    --body-m-weight: var(--primitive-weight-regular);
    --body-l-font-size: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --body-l-line-height: clamp(2.6rem, 2.3849rem + 0.5660vw, 3.2rem);
    --button-font-family: var(--primitive-family-body);
    --nav-l-font-family: var(--primitive-family-titles);
    --nav-m-font-family: var(--primitive-family-titles);
    --nav-s-font-family: var(--primitive-family-titles);
    --stat-l-font-family: var(--primitive-family-titles);
    --stat-m-font-family: var(--primitive-family-titles);
    --breadcrumb-default-font-family: var(--primitive-family-body);
    --breadcrumb-active-font-family: var(--primitive-family-body);
    --quote-l-font-family: var(--primitive-family-titles);
    --quote-m-font-family: var(--primitive-family-titles);
    --tag-font-family: var(--primitive-family-titles);
    --pre-heading-font-family: var(--primitive-family-titles);
    --label-font-family: var(--primitive-family-body);
    --label-xs-font-family: var(--primitive-family-body);
    --body-l-letter-spacing: 0px;
    --body-s-weight: var(--primitive-weight-regular);
    --body-m-font-size: clamp(1.6rem, 1.5283rem + 0.1887vw, 1.8rem);
    --body-m-line-height: clamp(2.4rem, 2.3283rem + 0.1887vw, 2.6rem);
    --body-m-letter-spacing: 0px;
    --body-s-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
    --body-s-line-height: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
    --body-s-letter-spacing: 0px;
    --body-xs-weight: var(--primitive-weight-regular);
    --button-weight: var(--primitive-weight-bold);
    --body-xs-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --body-xs-line-height: clamp(1.8rem, 1.6566rem + 0.3774vw, 2.2rem);
    --body-xs-letter-spacing: 0px;
    --quote-l-font-size: clamp(2.4rem, 1.5396rem + 2.2642vw, 4.8rem);
    --quote-l-line-height: clamp(3.6rem, 2.8830rem + 1.8868vw, 5.6rem);
    --quote-l-letter-spacing: 0px;
    --quote-l-weight: var(--primitive-weight-regular);
    --quote-m-font-size: clamp(1.6rem, 1.3132rem + 0.7547vw, 2.4rem);
    --quote-m-line-height: clamp(2.4rem, 1.8264rem + 1.5094vw, 4rem);
    --quote-m-letter-spacing: 0px;
    --quote-m-weight: var(--primitive-weight-regular);
    --nav-l-font-size: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
    --button-font-size: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
    --button-line-height: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
    --button-letter-spacing: 0px;
    --nav-l-line-height: clamp(1.4rem, 1.0415rem + 0.9434vw, 2.4rem);
    --nav-l-letter-spacing: 0px;
    --nav-l-weight: var(--primitive-weight-bold);
    --nav-m-font-size: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
    --nav-m-line-height: clamp(1.2rem, 0.7698rem + 1.1321vw, 2.4rem);
    --nav-m-letter-spacing: 0px;
    --nav-m-weight: var(--primitive-weight-medium);
    --nav-s-font-size: clamp(1rem, 0.8566rem + 0.3774vw, 1.4rem);
    --nav-s-line-height: clamp(1rem, 0.6415rem + 0.9434vw, 2rem);
    --nav-s-letter-spacing: 0px;
    --nav-s-weight: var(--primitive-weight-regular);
    --stat-l-font-size: clamp(3.2rem, 2.1962rem + 2.6415vw, 6rem);
    --stat-m-font-size: clamp(2.4rem, 1.8264rem + 1.5094vw, 4rem);
    --breadcrumb-default-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --breadcrumb-default-line-height: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
    --breadcrumb-default-letter-spacing: 0px;
    --breadcrumb-default-weight: var(--primitive-weight-regular);
    --breadcrumb-active-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --breadcrumb-active-line-height: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
    --breadcrumb-active-letter-spacing: 0px;
    --breadcrumb-active-weight: var(--primitive-weight-bold);
    --tag-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --icon-l: clamp(2.4rem, 2.1132rem + 0.7547vw, 3.2rem);
    --icon-m: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --icon-s: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
    --tag-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
    --tag-letter-spacing: 0.800000011920929px;
    --tag-weight: var(--primitive-weight-semi-bold);
    --stat-l-line-height: clamp(4rem, 2.9962rem + 2.6415vw, 6.8rem);
    --stat-l-letter-spacing: 0px;
    --stat-l-weight: var(--primitive-weight-bold);
    --stat-m-line-height: clamp(3.2rem, 2.6264rem + 1.5094vw, 4.8rem);
    --stat-m-letter-spacing: 0px;
    --stat-m-weight: var(--primitive-weight-bold);
    --pre-heading-font-size: clamp(1.4rem, 1.1849rem + 0.5660vw, 2rem);
    --pre-heading-line-height: clamp(1.8rem, 1.4415rem + 0.9434vw, 2.8rem);
    --pre-heading-letter-spacing: 0px;
    --pre-heading-weight: var(--primitive-weight-semi-bold);
    --label-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --label-xs-font-size: clamp(1rem, 0.9283rem + 0.1887vw, 1.2rem);
    --label-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
    --label-xs-line-height: clamp(1rem, 0.9283rem + 0.1887vw, 1.2rem);
    --label-letter-spacing: 0px;
    --label-xs-letter-spacing: 0px;
    --label-weight: var(--primitive-weight-semi-bold);
    --label-xs-weight: var(--primitive-weight-semi-bold);
  }
  @media (min-width: 768px) {
    :root {
      --radius-nil: 0px;
      --radius-xs: 2px;
      --radius-sm: 6px;
      --radius-md: 12px;
      --radius-lg: 20px;
      --radius-xl: 24px;
      --radius-xxl: 40px;
      --shadow-nil: 0px;
      --shadow-xs: 2px;
      --shadow-sm: 6px;
      --shadow-md: 12px;
      --shadow-lg: 20px;
      --shadow-xl: 24px;
      --shadow-xxl: 40px;
    }
  }
  @media (min-width: 1200px) {
    :root {
      --radius-nil: 0px;
      --radius-xs: 4px;
      --radius-sm: 8px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --radius-xl: 40px;
      --radius-xxl: 60px;
      --shadow-nil: 0px;
      --shadow-xs: 4px;
      --shadow-sm: 8px;
      --shadow-md: 16px;
      --shadow-lg: 24px;
      --shadow-xl: 40px;
      --shadow-xxl: 60px;
    }
  }
  .theme-1 {
    --express-bkg-primary: var(--base-10);
    --express-bkg-seconday: var(--base-8);
    --express-title-font: Oswald;
    --express-body-font: Roboto;
    --express-title: var(--base-1);
    --express-body-primary: var(--base-1);
    --express-body-secondary: var(--base-3);
    --express-button: var(--base-1);
    --express-button-foreground: var(--base-10);
    --express-button-radius: 0px;
    --express-panel-cards-bkg: var(--base-8);
    --express-panel-cards-foreground: var(--base-3);
    --express-rounded-edges: var(--radius-xl);
    --express-shadows: var(--shadow-md);
    --express-highlights: var(--base-1);
    --express-ui-elements: var(--base-1);
    --general-bg: var(--base-10);
    --general-bg-secondary: var(--secondary-2-500);
    --general-section-dark: var(--base-1);
    --general-pre-heading: var(--primary-1-500);
    --general-display: var(--primary-3-500);
    --general-headline: var(--primary-3-500);
    --general-display-text-on-dark: var(--base-10);
    --general-headline-text-on-dark: var(--base-10);
    --general-body: var(--secondary-1-500);
    --general-body-secondary: var(--base-3);
    --general-body-text-on-dark: var(--base-10);
    --general-utility: var(--express-highlights);
    --general-utility-text-on-dark: var(--light-75);
    --general-quote: var(--express-highlights);
    --general-quote-text-on-dark: var(--base-10);
    --general-stats: var(--primary-2-500);
    --general-stats-on-dark: var(--base-10);
    --general-pictograms: var(--base-1);
    --general-pictogram-on-dark: var(--base-10);
    --general-icons: var(--express-highlights);
    --general-body-link: var(--primary-1-500);
    --general-body-link-hover: var(--primary-1-700);
    --general-dividers: var(--dark-25);
    --general-focus-border: var(--primary-2-500);
    --general-focus-border-weight: 2;
    --header-bg: var(--base-10);
    --header-main-nav-search-gap: var(--sm-2);
    --header-main-nav-text: var(--primary-3-500);
    --header-main-buttons-bg: var(--dark-transparent);
    --header-main-buttons-icon: var(--base-1);
    --header-main-buttons-border-colour: var(--dark-transparent);
    --header-main-buttons-border-weight: 0;
    --header-main-buttons-border-radius: var(--radius-nil);
    --header-main-buttons-padding: var(--xs-1);
    --header-main-buttons-hover-bg: var(--dark-transparent);
    --header-main-buttons-hover-icon: var(--primary-2-500);
    --header-main-buttons-hover-border: var(--dark-transparent);
    --header-main-nav-gap: var(--xs-2);
    --header-main-nav-bg: var(--light-transparent);
    --header-main-nav-border-radius: var(--radius-nil);
    --header-grad-overlay: true;
    --header-main-nav-hover-text: var(--primary-2-500);
    --header-main-nav-hover-bg: var(--dark-transparent);
    --header-main-nav-active-text: var(--primary-3-500);
    --header-main-nav-active-bg: var(--dark-transparent);
    --header-main-nav-active-indicator-weight: 2;
    --header-main-nav-active-indicator: var(--primary-2-500);
    --header-main-nav-padding-left-right: var(--sm-3);
    --header-main-nav-padding-top-bottom: var(--sm-3);
    --header-top-nav-gap: var(--sm-3);
    --header-top-gap: var(--sm-2);
    --header-top-top-bar-bg: var(--base-8);
    --header-top-nav-text: var(--primary-1-500);
    --header-top-nav-hover-text: var(--primary-1-700);
    --header-top-nav-active-text: var(--primary-3-500);
    --header-top-nav-active-indicator-weight: 1;
    --header-top-nav-active-indicator: var(--primary-2-500);
    --header-top-nav-padding-left-right: var(--xs-2);
    --header-top-nav-padding-top-bottom: var(--nil);
    --header-top-share-price-gap: var(--sm-4);
    --header-top-share-price-title: var(--base-1);
    --header-top-share-price-price: var(--base-1);
    --header-top-share-price-variance: var(--base-3);
    --menu-bg: var(--base-9);
    --menu-item-gap: 0px;
    --menu-padding-top-bottom: var(--md-3);
    --menu-divider: var(--base-7);
    --menu-divider-weight: 1;
    --menu-bottom-border: var(--base-7);
    --menu-bottom-border-weight: 0;
    --menu-bottom-radius: var(--radius-nil);
    --menu-shadow: var(--dark-10);
    --menu-shadow-offset: var(--shadow-xs);
    --menu-shadow-blur: var(--shadow-xl);
    --menu-item-padding-left-right: var(--sm-4);
    --menu-item-padding-top-bottom: var(--sm-3);
    --menu-item-item-bg: var(--light-transparent);
    --menu-item-item-text: var(--primary-3-500);
    --menu-item-item-icon: var(--primary-3-500);
    --menu-item-hover-item-bg: var(--dark-transparent);
    --menu-item-hover-item-text: var(--primary-2-500);
    --menu-item-hover-item-icon: var(--primary-2-500);
    --menu-item-active-item-bg: var(--base-8);
    --menu-item-active-item-text: var(--primary-2-500);
    --menu-item-active-item-icon: var(--primary-2-500);
    --menu-item-active-item-indicator-weight: 2;
    --menu-item-active-item-indicator: var(--primary-1-500);
    --footer-main-bg: var(--base-1);
    --footer-bottom-bar-bg: var(--primary-3-500);
    --footer-divider: var(--dark-transparent);
    --footer-divider-weight: 0;
    --header-logo-variant: Dark;
    --footer-heading: var(--primary-2-500);
    --footer-text: var(--base-10);
    --footer-link: var(--base-10);
    --footer-link-hover: var(--base-7);
    --footer-copyright: var(--base-10);
    --footer-social: var(--base-10);
    --footer-social-hover: var(--primary-2-500);
    --header-bottom-border-weight: 1;
    --header-bottom-border: var(--dark-25);
    --header-shadow-colour: var(--dark-25);
    --header-shadow-offset: var(--shadow-nil);
    --header-shadow-blur: var(--shadow-nil);
    --header-top-language-switcher-text: var(--base-1);
    --header-main-search-panel-bg: var(--base-10);
    --header-main-search-panel-heading: var(--primary-3-500);
    --header-main-search-panel-icon: var(--primary-3-500);
    --header-main-search-panel-text: var(--base-4);
    --header-main-search-panel-active-text: var(--primary-3-500);
    --header-main-search-panel-hover-bg: var(--base-8);
    --header-top-language-switcher-dropdown-bg: var(--base-10);
    --header-top-language-switcher-dropdown-border: var(--base-1);
    --header-top-language-switcher-dropdown-border-weight: 0;
    --header-top-language-switcher-dropdown-border-radius: var(--radius-xs);
    --header-top-language-switcher-dropdown-text: var(--base-1);
    --header-top-language-switcher-dropdown-hover-text: var(--base-1);
    --header-top-language-switcher-dropdown-hover-bg: var(--dark-5);
    --header-top-language-switcher-dropdown-active-text: var(--base-1);
    --header-top-language-switcher-dropdown-padding-left-right: var(--sm-4);
    --header-top-language-switcher-dropdown-padding-top-bottom: var(--xs-1);
    --header-top-language-switcher-dropdown-shadow: var(--dark-10);
    --header-top-language-switcher-dropdown-shadow-offset: var(--shadow-xs);
    --header-top-language-switcher-dropdown-shadow-blur: var(--shadow-sm);
    --header-main-search-panel-shadow: var(--dark-10);
    --header-main-search-panel-shadow-offset: var(--shadow-xs);
    --header-main-search-panel-shadow-blur: var(--shadow-md);
    --header-top-language-switcher-icon: var(--base-1);
    --header-top-language-switcher-gap: var(--xs-2);
    --header-top-language-switcher-hover-text: var(--base-3);
    --header-top-language-switcher-hover-icon: var(--base-3);
    --header-main-search-panel-radius: var(--radius-xs);
    --header-main-search-panel-input-field-bg: var(--base-8);
    --header-main-search-panel-input-field-border: var(--base-9);
    --header-main-search-panel-input-field-hover-border: var(--base-6);
    --header-main-search-panel-input-field-border-weight: 1;
    --header-main-search-panel-input-field-border-radius: var(--radius-nil);
    --header-main-search-panel-input-field-default-text: var(--base-4);
    --header-main-search-panel-input-field-active-text: var(--primary-3-500);
    --header-main-search-panel-input-field-icon: var(--base-1);
    --header-main-search-panel-input-field-hover-bg: var(--base-8);
    --header-main-search-panel-input-field-padding: var(--sm-3);
    --menu-signpost-heading: var(--primary-3-500);
    --menu-signpost-body: var(--secondary-1-500);
    --panel-bg: var(--base-8);
    --panel-bg: var(--base-1);
    --panel-background-blur: var(--nil);
    --panel-pre-heading: var(--primary-2-500);
    --panel-display: var(--base-10);
    --panel-headline: var(--base-10);
    --panel-body: var(--base-10);
    --panel-utility: var(--base-3);
    --panel-pictograms: var(--base-1);
    --panel-stats: var(--base-1);
    --panel-quotes: var(--base-1);
    --panel-border-weight: 1;
    --panel-border-colour: var(--dark-10);
    --panel-border-radius: var(--radius-xs);
    --panel-shadow-colour: var(--dark-25);
    --panel-shadow-offset: var(--shadow-nil);
    --panel-shadow-blur: var(--shadow-nil);
    --card-card-light: var(--base-10);
    --card-card-light-hover: var(--base-1);
    --card-bg: var(--base-10);
    --card-background-blur: var(--nil);
    --card-pre-heading: var(--primary-2-500);
    --card-title: var(--primary-3-500);
    --card-body: var(--secondary-1-500);
    --card-pictograms: var(--base-1);
    --card-stats: var(--base-1);
    --card-utility: var(--base-3);
    --card-border-weight: 1;
    --card-border-colour: var(--dark-5);
    --card-border-radius: var(--radius-nil);
    --card-shadow-colour: var(--dark-25);
    --card-shadow-offset: var(--shadow-nil);
    --card-shadow-blur: var(--shadow-nil);
    --card-hover-bg: var(--base-8);
    --card-hover-fg: var(--primary-3-500);
    --card-hover-border: var(--dark-10);
    --card-bg-hover: var(--base-8);
    --card-hover-card-shadow-colour: var(--dark-25);
    --card-hover-card-shadow-offset: var(--shadow-nil);
    --card-hover-card-shadow-blur: var(--shadow-nil);
    --card-active-bg: var(--primary-2-500);
    --card-active-fg: var(--base-10);
    --card-active-border: var(--dark-10);
    --ui-accordions-gap: var(--sm-2);
    --ui-action-buttons-bg: var(--primary-1-500);
    --ui-back-to-top-bg: var(--primary-2-500);
    --ui-back-to-top-icon: var(--base-10);
    --ui-back-to-top-text: var(--base-10);
    --ui-back-to-top-border-colour: var(--dark-transparent);
    --ui-back-to-top-border-weight: 0;
    --ui-back-to-top-border-radius: var(--radius-nil);
    --ui-back-to-top-padding: var(--sm-3);
    --ui-tables-header-bg: var(--base-8);
    --ui-tables-header-text: var(--primary-3-500);
    --ui-tables-cell-bg: var(--base-10);
    --ui-tables-cell-text: var(--primary-3-500);
    --ui-tables-cell-icon: var(--base-1);
    --ui-tables-padding-left-right: var(--sm-2);
    --ui-tables-padding-top-bottom: var(--sm-2);
    --ui-breadcrumb-text: var(--base-10);
    --ui-breadcrumb-arrow: var(--base-10);
    --ui-breadcrumb-gap: var(--xs-1);
    --ui-breadcrumb-hover-text: var(--base-7);
    --ui-breadcrumb-active-text: var(--primary-2-500);
    --ui-buttons-primary-bg: var(--primary-1-500);
    --ui-buttons-primary-text: var(--base-10);
    --ui-buttons-primary-icon: var(--base-10);
    --ui-buttons-primary-border-colour: var(--dark-transparent);
    --ui-buttons-primary-border-weight: 0;
    --ui-buttons-primary-border-radius: var(--radius-nil);
    --ui-buttons-primary-padding-left-right: var(--sm-2);
    --ui-buttons-primary-padding-top-bottom: var(--sm-3);
    --ui-buttons-primary-hover-bg: var(--primary-1-700);
    --ui-buttons-primary-hover-text: var(--base-10);
    --ui-buttons-primary-hover-icon: var(--base-10);
    --ui-buttons-primary-hover-border: var(--dark-transparent);
    --ui-buttons-secondary-bg: var(--primary-2-500);
    --ui-buttons-secondary-text: var(--base-10);
    --ui-buttons-secondary-icon: var(--base-10);
    --ui-buttons-secondary-border-colour: var(--dark-transparent);
    --ui-buttons-secondary-border-weight: 0;
    --ui-buttons-secondary-border-radius: var(--radius-nil);
    --ui-buttons-secondary-padding-left-right: var(--sm-2);
    --ui-buttons-secondary-padding-top-bottom: var(--sm-3);
    --ui-buttons-secondary-hover-bg: var(--primary-2-700);
    --ui-buttons-secondary-hover-text: var(--base-10);
    --ui-buttons-secondary-hover-icon: var(--base-10);
    --ui-buttons-secondary-hover-border: var(--dark-transparent);
    --ui-buttons-link-text: var(--primary-1-500);
    --ui-buttons-link-icon: var(--primary-1-500);
    --ui-buttons-link-hover-text: var(--primary-1-700);
    --ui-buttons-link-hover-icon: var(--primary-1-700);
    --ui-action-buttons-icon: var(--base-10);
    --ui-action-buttons-border-colour: var(--dark-transparent);
    --ui-action-buttons-border-weight: 0;
    --ui-action-buttons-border-radius: var(--radius-nil);
    --ui-action-buttons-padding: var(--xs-1);
    --ui-action-buttons-hover-bg: var(--primary-1-700);
    --ui-action-buttons-hover-icon: var(--base-10);
    --ui-action-buttons-hover-border: var(--dark-transparent);
    --ui-accordions-item-bg: var(--base-10);
    --ui-accordions-item-title: var(--primary-3-500);
    --ui-accordions-item-body: var(--secondary-1-500);
    --ui-accordions-item-icons: var(--primary-3-500);
    --ui-accordions-item-padding-left-right: var(--md-3);
    --ui-accordions-item-padding-top-bottom: var(--sm-1);
    --ui-accordions-item-border-colour: var(--base-7);
    --ui-accordions-item-border-weight: 1;
    --ui-accordions-item-border-radius: var(--radius-nil);
    --ui-accordions-item-hover-bg: var(--base-8);
    --ui-accordions-item-hover-title: var(--dark-50);
    --ui-accordions-item-hover-body: var(--base-3);
    --ui-accordions-item-hover-icon: var(--dark-50);
    --ui-accordions-item-hover-border: var(--dark-50);
    --ui-accordions-item-active-bg: var(--base-1);
    --ui-accordions-item-active-title: var(--base-10);
    --ui-accordions-item-active-body: var(--base-6);
    --ui-accordions-item-active-icon: var(--base-10);
    --ui-accordions-item-active-border: var(--base-6);
    --ui-category-tags-bg: var(--base-10);
    --ui-category-tags-text: var(--base-1);
    --ui-category-tags-border-colour: var(--primary-2-500);
    --ui-category-tags-border-weight: 1;
    --ui-category-tags-border-radius: var(--radius-nil);
    --ui-category-tags-padding: var(--xs-1);
    --ui-category-tags-hover-bg: var(--base-10);
    --ui-category-tags-hover-text: var(--base-1);
    --ui-category-tags-hover-border: var(--primary-2-500);
    --ui-images-image-radius: var(--radius-nil);
    --ui-input-input-field-input-label: var(--primary-3-500);
    --ui-images-overlays-gradient-overlay-colour: var(--light-50);
    --ui-images-overlays-gradient-overlay-strength: 50px;
    --ui-images-overlays-transparency-colour: var(--light-transparent);
    --ui-images-overlays-image-tint: var(--light-50);
    --ui-images-overlays-popup-overlay: var(--dark-10);
    --ui-in-page-nav-gap: var(--nil);
    --ui-in-page-nav-item-bg: var(--dark-transparent);
    --ui-input-input-field-label-field-gap: var(--radius-md);
    --ui-in-page-nav-item-text: var(--base-1);
    --ui-in-page-nav-item-padding-left-right: var(--sm-3);
    --ui-in-page-nav-item-padding-top-bottom: var(--sm-4);
    --ui-in-page-nav-item-border: var(--light-transparent);
    --ui-in-page-nav-item-hover-bg: var(--dark-10);
    --ui-in-page-nav-item-hover-text: var(--base-1);
    --ui-in-page-nav-item-hover-border: var(--dark-transparent);
    --ui-in-page-nav-item-active-bg: var(--base-1);
    --ui-in-page-nav-item-active-text: var(--base-10);
    --ui-in-page-nav-item-active-border: var(--base-1);
    --ui-in-page-nav-bg: var(--base-8);
    --ui-in-page-nav-title: var(--base-1);
    --ui-in-page-nav-bottom-border: var(--base-6);
    --ui-in-page-nav-bottom-border-weight: 0;
    --ui-input-input-field-border-radius: var(--radius-nil);
    --ui-input-input-field-padding-left-right: var(--sm-3);
    --ui-input-input-field-padding-top-bottom: var(--sm-3);
    --ui-filter-bar-bkg: var(--base-8);
    --ui-filter-bar-padding-left-right: var(--n-margin);
    --ui-filter-bar-padding-top-bottom: var(--sm-1);
    --ui-filter-bar-shadow: var(--dark-10);
    --ui-filter-bar-shadow-offset: var(--shadow-nil);
    --ui-filter-bar-shadow-blur: var(--shadow-nil);
    --ui-input-input-field-text-icon-gap: var(--xs-1);
    --ui-pagination-arrows-fill-bg: var(--primary-1-500);
    --ui-pagination-arrows-fill-icon: var(--base-10);
    --ui-pagination-arrows-fill-border-colour: var(--dark-transparent);
    --ui-pagination-arrows-fill-border-weight: 0;
    --ui-pagination-arrows-fill-border-radius: var(--radius-nil);
    --ui-pagination-arrows-fill-padding: var(--xs-1);
    --ui-pagination-arrows-fill-hover-bg: var(--primary-1-700);
    --ui-pagination-arrows-fill-hover-icon: var(--base-10);
    --ui-pagination-arrows-fill-hover-border: var(--dark-transparent);
    --ui-pagination-arrows-fill-bg-disabled: var(--base-6);
    --ui-pagination-arrows-fill-icon-disabled: var(--base-4);
    --ui-pagination-arrows-transparent-icon: var(--base-1);
    --ui-pagination-arrows-transparent-border-colour: var(--dark-transparent);
    --ui-pagination-arrows-transparent-border-weight: 0;
    --ui-pagination-arrows-transparent-border-radius: var(--radius-nil);
    --ui-pagination-arrows-transparent-padding: var(--xs-1);
    --ui-pagination-arrows-transparent-hover-icon: var(--base-2);
    --ui-pagination-arrows-transparent-hover-border: var(--dark-transparent);
    --ui-pagination-arrows-transparent-icon-disabled: var(--base-6);
    --ui-pagination-numbers-colour: var(--base-3);
    --ui-pagination-numbers-gap: var(--sm-3);
    --ui-pagination-numbers-hover: var(--base-1);
    --ui-pagination-numbers-active-colour: var(--base-1);
    --ui-pagination-carousel-lines-colour: var(--dark-10);
    --ui-pagination-carousel-lines-hover: var(--dark-50);
    --ui-pagination-carousel-lines-active-colour: var(--primary-1-500);
    --ui-pagination-carousel-lines-width: var(--sm-1);
    --ui-pagination-carousel-lines-height: 2px;
    --ui-pagination-carousel-lines-border-radius: var(--radius-nil);
    --ui-pagination-carousel-lines-active-width: var(--lg-4);
    --ui-pagination-carousel-lines-gap: 4px;
    --ui-input-input-field-bg: var(--base-10);
    --ui-input-input-field-text: var(--base-2);
    --ui-input-input-field-icon: var(--base-2);
    --ui-input-input-field-border: var(--base-7);
    --ui-input-input-field-border-weight: 1;
    --ui-tables-divider: var(--base-6);
    --ui-tables-divider-weight: 0.5;
    --ui-tables-table-radius: var(--radius-nil);
    --ui-tabs-gap: var(--nil);
    --ui-tabs-bottom-gap: var(--xs-1);
    --ui-tabs-item-bg: var(--dark-transparent);
    --ui-tabs-item-text: var(--primary-3-500);
    --ui-tabs-item-icon: var(--base-1);
    --ui-tabs-item-padding-left-right: var(--sm-2);
    --ui-tabs-item-padding-top-bottom: var(--sm-3);
    --ui-tabs-item-tiny-tabs-padding-left-right: var(--xs-1);
    --ui-tabs-item-tiny-tabs-padding-top-bottom: var(--xs-1);
    --ui-tabs-item-border-colour: var(--base-6);
    --ui-tabs-item-border-weight: 1;
    --ui-input-input-field-hover-bg: var(--base-8);
    --ui-input-input-field-hover-text: var(--primary-3-500);
    --ui-input-input-field-hover-icon: var(--primary-3-500);
    --ui-input-input-field-hover-border: var(--base-5);
    --ui-input-input-field-active-bg: var(--base-10);
    --ui-input-input-field-active-text: var(--primary-3-500);
    --ui-input-input-field-active-icon: var(--primary-3-500);
    --ui-input-input-field-active-border: var(--primary-2-500);
    --ui-input-input-field-disabled-bg: var(--base-8);
    --ui-input-input-field-disabled-text: var(--base-5);
    --ui-input-input-field-disabled-icon: var(--base-5);
    --ui-input-input-field-disabled-border: var(--base-5);
    --ui-input-input-field-error-colour: var(--error);
    --ui-tabs-item-border-radius: var(--radius-nil);
    --ui-tabs-item-hover-bg: var(--base-8);
    --ui-tabs-item-hover-text: var(--secondary-3-500);
    --ui-tabs-item-hover-icon: var(--secondary-3-500);
    --ui-tabs-item-hover-border: var(--dark-50);
    --ui-tabs-item-active-bg: var(--dark-transparent);
    --ui-tabs-item-active-text: var(--primary-3-500);
    --ui-tabs-item-active-icon: var(--primary-3-500);
    --ui-tabs-item-active-border: var(--primary-2-500);
    --ui-tools-primary-panel-bkg: var(--base-8);
    --ui-video-toolbar-bkg: var(--base-8);
    --ui-video-toolbar-fg: var(--base-1);
    --ui-video-timeline-bkg: var(--base-6);
    --ui-video-timeline-indicator: var(--base-1);
    --ui-tools-primary-panel-text: var(--primary-3-500);
    --ui-tools-secondary-panel-bkg: var(--base-9);
    --ui-tools-secondary-panel-text: var(--primary-3-500);
    --ui-tools-border-lines: var(--dark-10);
    --ui-tools-headings: var(--primary-3-500);
    --ui-tools-body-text: var(--secondary-1-500);
    --ui-tools-chart-colour-1: var(--primary-1-500);
    --ui-tools-chart-colour-2: var(--primary-2-500);
    --ui-tools-chart-colour-3: var(--primary-3-500);
    --ui-tools-timeline-line: var(--base-5);
    --ui-tools-timeline-dot: var(--base-3);
    --ui-pagination-carousel-arrows-text-arrow-gap: var(--sm-2);
    --ui-pagination-carousel-arrows-text-colour: var(--base-3);
    --ui-pagination-carousel-arrows-arrow-gap: var(--nil);
    --ui-input-dropdown-items-default-text: var(--primary-3-500);
    --ui-input-dropdown-items-hover-text: var(--primary-3-500);
    --ui-input-dropdown-items-hover-bg: var(--base-8);
    --ui-input-dropdown-items-active-text: var(--base-10);
    --ui-input-dropdown-items-active-bg: var(--primary-2-500);
    --ui-input-dropdown-items-disabled-bg: var(--ui-input-input-field-disabled-bg);
    --ui-input-dropdown-items-disabled-text: var(--ui-input-input-field-disabled-text);
    --ui-input-dropdown-bg: var(--base-10);
    --ui-input-dropdown-border: var(--base-7);
    --ui-input-dropdown-border-weight: 0;
    --ui-input-dropdown-border-radius: var(--radius-nil);
    --ui-input-dropdown-shadow: var(--dark-5);
    --ui-input-dropdown-shadow-offset: var(--shadow-xs);
    --ui-input-dropdown-shadow-blur: var(--shadow-sm);
    --ui-input-selectors-text: var(--primary-3-500);
    --ui-input-selectors-icon: var(--primary-3-500);
    --ui-input-selectors-hover-text: var(--base-3);
    --ui-input-selectors-hover-icon: var(--base-3);
    --ui-input-selectors-active-text: var(--primary-3-500);
    --ui-input-selectors-active-icon: var(--primary-2-500);
    --ui-input-selectors-disabled-text: var(--base-6);
    --ui-input-selectors-disabled-icon: var(--base-6);
  }
  .theme-2 {
    --express-bkg-primary: var(--base-1);
    --express-bkg-seconday: var(--base-3);
    --express-title-font: Oswald;
    --express-body-font: Roboto;
    --express-title: var(--base-10);
    --express-body-primary: var(--base-8);
    --express-body-secondary: var(--base-6);
    --express-button: var(--base-10);
    --express-button-foreground: var(--base-1);
    --express-button-radius: 0px;
    --express-panel-cards-bkg: var(--light-10);
    --express-panel-cards-foreground: var(--base-10);
    --express-rounded-edges: 0px;
    --express-shadows: 0px;
    --express-highlights: var(--base-10);
    --express-ui-elements: #ffffff;
    --general-bg: var(--primary-1-500);
    --general-bg-secondary: var(--primary-2-500);
    --general-section-dark: var(--base-1);
    --general-pre-heading: var(--base-10);
    --general-display: var(--base-10);
    --general-headline: var(--base-10);
    --general-display-text-on-dark: var(--base-10);
    --general-headline-text-on-dark: var(--base-10);
    --general-body: var(--base-10);
    --general-body-secondary: var(--base-6);
    --general-body-text-on-dark: var(--base-10);
    --general-utility: var(--express-highlights);
    --general-utility-text-on-dark: var(--light-75);
    --general-quote: var(--express-highlights);
    --general-quote-text-on-dark: var(--base-10);
    --general-stats: var(--express-highlights);
    --general-stats-on-dark: var(--base-10);
    --general-pictograms: var(--express-highlights);
    --general-pictogram-on-dark: var(--base-10);
    --general-icons: var(--express-highlights);
    --general-body-link: var(--express-title);
    --general-body-link-hover: var(--base-10);
    --general-dividers: var(--light-25);
    --general-focus-border: var(--primary-2-500);
    --general-focus-border-weight: 2;
    --header-bg: var(--dark-transparent);
    --header-main-nav-search-gap: var(--sm-2);
    --header-main-nav-text: var(--base-10);
    --header-main-buttons-bg: var(--light-transparent);
    --header-main-buttons-icon: var(--base-10);
    --header-main-buttons-border-colour: var(--dark-transparent);
    --header-main-buttons-border-weight: 0;
    --header-main-buttons-border-radius: var(--radius-nil);
    --header-main-buttons-padding: var(--xs-1);
    --header-main-buttons-hover-bg: var(--light-10);
    --header-main-buttons-hover-icon: var(--base-8);
    --header-main-buttons-hover-border: var(--dark-transparent);
    --header-main-nav-gap: var(--sm-3);
    --header-main-nav-bg: var(--dark-transparent);
    --header-main-nav-border-radius: var(--radius-xs);
    --header-grad-overlay: true;
    --header-main-nav-hover-text: var(--base-10);
    --header-main-nav-hover-bg: var(--light-10);
    --header-main-nav-active-text: var(--base-1);
    --header-main-nav-active-bg: var(--base-10);
    --header-main-nav-active-indicator-weight: 0;
    --header-main-nav-active-indicator: var(--base-10);
    --header-main-nav-padding-left-right: var(--sm-3);
    --header-main-nav-padding-top-bottom: var(--sm-2);
    --header-top-nav-gap: var(--sm-3);
    --header-top-gap: var(--sm-2);
    --header-top-top-bar-bg: var(--base-1);
    --header-top-nav-text: var(--base-10);
    --header-top-nav-hover-text: var(--base-10);
    --header-top-nav-active-text: var(--base-10);
    --header-top-nav-active-indicator-weight: 1;
    --header-top-nav-active-indicator: var(--base-10);
    --header-top-nav-padding-left-right: var(--xs-2);
    --header-top-nav-padding-top-bottom: var(--nil);
    --header-top-share-price-gap: var(--sm-4);
    --header-top-share-price-title: var(--base-10);
    --header-top-share-price-price: var(--base-10);
    --header-top-share-price-variance: var(--base-10);
    --menu-bg: var(--base-1);
    --menu-item-gap: 0px;
    --menu-padding-top-bottom: var(--md-3);
    --menu-divider: var(--light-10);
    --menu-divider-weight: 1;
    --menu-bottom-border: var(--base-3);
    --menu-bottom-border-weight: 0;
    --menu-bottom-radius: var(--radius-xs);
    --menu-shadow: var(--dark-transparent);
    --menu-shadow-offset: var(--shadow-nil);
    --menu-shadow-blur: var(--shadow-sm);
    --menu-item-padding-left-right: var(--sm-4);
    --menu-item-padding-top-bottom: var(--sm-3);
    --menu-item-item-bg: var(--dark-transparent);
    --menu-item-item-text: var(--base-8);
    --menu-item-item-icon: var(--base-8);
    --menu-item-hover-item-bg: var(--light-5);
    --menu-item-hover-item-text: var(--base-8);
    --menu-item-hover-item-icon: var(--base-8);
    --menu-item-active-item-bg: var(--light-10);
    --menu-item-active-item-text: var(--base-8);
    --menu-item-active-item-icon: var(--base-8);
    --menu-item-active-item-indicator-weight: 2;
    --menu-item-active-item-indicator: var(--base-10);
    --footer-main-bg: var(--base-1);
    --footer-bottom-bar-bg: var(--base-2);
    --footer-divider: var(--base-5);
    --footer-divider-weight: 1;
    --header-logo-variant: Light;
    --footer-heading: var(--base-7);
    --footer-text: var(--base-10);
    --footer-link: var(--base-10);
    --footer-link-hover: var(--base-6);
    --footer-copyright: var(--base-5);
    --footer-social: var(--base-10);
    --footer-social-hover: var(--base-7);
    --header-bottom-border-weight: 0;
    --header-bottom-border: var(--dark-25);
    --header-shadow-colour: var(--dark-25);
    --header-shadow-offset: var(--shadow-nil);
    --header-shadow-blur: var(--shadow-nil);
    --header-top-language-switcher-text: var(--base-10);
    --header-main-search-panel-bg: var(--base-1);
    --header-main-search-panel-heading: var(--base-10);
    --header-main-search-panel-icon: var(--base-10);
    --header-main-search-panel-text: var(--base-6);
    --header-main-search-panel-active-text: var(--base-10);
    --header-main-search-panel-hover-bg: var(--light-5);
    --header-top-language-switcher-dropdown-bg: var(--base-1);
    --header-top-language-switcher-dropdown-border: var(--base-10);
    --header-top-language-switcher-dropdown-border-weight: 0;
    --header-top-language-switcher-dropdown-border-radius: var(--radius-xs);
    --header-top-language-switcher-dropdown-text: var(--base-10);
    --header-top-language-switcher-dropdown-hover-text: var(--base-10);
    --header-top-language-switcher-dropdown-hover-bg: var(--light-10);
    --header-top-language-switcher-dropdown-active-text: var(--base-10);
    --header-top-language-switcher-dropdown-padding-left-right: var(--sm-4);
    --header-top-language-switcher-dropdown-padding-top-bottom: var(--xs-1);
    --header-top-language-switcher-dropdown-shadow: var(--dark-transparent);
    --header-top-language-switcher-dropdown-shadow-offset: var(--shadow-nil);
    --header-top-language-switcher-dropdown-shadow-blur: var(--shadow-sm);
    --header-main-search-panel-shadow: var(--dark-transparent);
    --header-main-search-panel-shadow-offset: var(--shadow-nil);
    --header-main-search-panel-shadow-blur: var(--shadow-sm);
    --header-top-language-switcher-icon: var(--base-10);
    --header-top-language-switcher-gap: var(--xs-2);
    --header-top-language-switcher-hover-text: var(--light-75);
    --header-top-language-switcher-hover-icon: var(--light-75);
    --header-main-search-panel-radius: var(--radius-xs);
    --header-main-search-panel-input-field-bg: var(--light-5);
    --header-main-search-panel-input-field-border: var(--dark-transparent);
    --header-main-search-panel-input-field-hover-border: var(--light-25);
    --header-main-search-panel-input-field-border-weight: 1;
    --header-main-search-panel-input-field-border-radius: var(--radius-xs);
    --header-main-search-panel-input-field-default-text: var(--base-3);
    --header-main-search-panel-input-field-active-text: var(--base-1);
    --header-main-search-panel-input-field-icon: var(--base-1);
    --header-main-search-panel-input-field-hover-bg: var(--base-1);
    --header-main-search-panel-input-field-padding: var(--sm-3);
    --menu-signpost-heading: var(--base-10);
    --menu-signpost-body: var(--base-6);
    --panel-bg: var(--base-8);
    --panel-bg: var(--base-8);
    --panel-background-blur: var(--nil);
    --panel-pre-heading: var(--primary-2-500);
    --panel-display: var(--primary-3-500);
    --panel-headline: var(--primary-3-500);
    --panel-body: var(--secondary-1-500);
    --panel-utility: var(--base-8);
    --panel-pictograms: var(--primary-2-500);
    --panel-stats: var(--primary-2-500);
    --panel-quotes: var(--base-8);
    --panel-border-weight: 0;
    --panel-border-colour: var(--dark-transparent);
    --panel-border-radius: var(--radius-nil);
    --panel-shadow-colour: var(--dark-25);
    --panel-shadow-offset: var(--shadow-nil);
    --panel-shadow-blur: var(--shadow-nil);
    --card-card-light: var(--base-10);
    --card-card-light-hover: var(--base-1);
    --card-bg: var(--primary-1-500);
    --card-background-blur: var(--nil);
    --card-pre-heading: var(--base-10);
    --card-title: var(--base-10);
    --card-body: var(--base-10);
    --card-pictograms: var(--base-10);
    --card-stats: var(--base-10);
    --card-utility: var(--base-10);
    --card-border-weight: 1;
    --card-border-colour: var(--dark-transparent);
    --card-border-radius: var(--radius-nil);
    --card-shadow-colour: var(--dark-25);
    --card-shadow-offset: var(--shadow-nil);
    --card-shadow-blur: var(--shadow-nil);
    --card-hover-bg: var(--primary-1-700);
    --card-hover-fg: var(--base-10);
    --card-hover-border: var(--dark-transparent);
    --card-bg-hover: var(--base-3);
    --card-hover-card-shadow-colour: var(--dark-25);
    --card-hover-card-shadow-offset: var(--shadow-nil);
    --card-hover-card-shadow-blur: var(--shadow-nil);
    --card-active-bg: var(--primary-1-500);
    --card-active-fg: var(--base-10);
    --card-active-border: var(--dark-transparent);
    --ui-accordions-gap: var(--sm-2);
    --ui-action-buttons-bg: var(--light-25);
    --ui-back-to-top-bg: var(--light-25);
    --ui-back-to-top-icon: var(--base-10);
    --ui-back-to-top-text: var(--base-10);
    --ui-back-to-top-border-colour: var(--dark-transparent);
    --ui-back-to-top-border-weight: 0;
    --ui-back-to-top-border-radius: var(--radius-nil);
    --ui-back-to-top-padding: var(--xs-1);
    --ui-tables-header-bg: var(--light-5);
    --ui-tables-header-text: var(--base-10);
    --ui-tables-cell-bg: var(--light-10);
    --ui-tables-cell-text: #ffffff;
    --ui-tables-cell-icon: #ffffff;
    --ui-tables-padding-left-right: var(--sm-2);
    --ui-tables-padding-top-bottom: var(--sm-2);
    --ui-breadcrumb-text: var(--light-75);
    --ui-breadcrumb-arrow: var(--light-75);
    --ui-breadcrumb-gap: var(--xs-1);
    --ui-breadcrumb-hover-text: var(--light-75);
    --ui-breadcrumb-active-text: var(--light-75);
    --ui-buttons-primary-bg: var(--primary-1-500);
    --ui-buttons-primary-text: var(--base-10);
    --ui-buttons-primary-icon: var(--base-10);
    --ui-buttons-primary-border-colour: var(--dark-transparent);
    --ui-buttons-primary-border-weight: 0;
    --ui-buttons-primary-border-radius: var(--radius-nil);
    --ui-buttons-primary-padding-left-right: var(--sm-2);
    --ui-buttons-primary-padding-top-bottom: var(--sm-3);
    --ui-buttons-primary-hover-bg: var(--primary-1-700);
    --ui-buttons-primary-hover-text: var(--base-10);
    --ui-buttons-primary-hover-icon: var(--base-10);
    --ui-buttons-primary-hover-border: var(--dark-transparent);
    --ui-buttons-secondary-bg: var(--primary-2-500);
    --ui-buttons-secondary-text: var(--base-10);
    --ui-buttons-secondary-icon: var(--base-10);
    --ui-buttons-secondary-border-colour: var(--dark-transparent);
    --ui-buttons-secondary-border-weight: 0;
    --ui-buttons-secondary-border-radius: var(--radius-nil);
    --ui-buttons-secondary-padding-left-right: var(--sm-2);
    --ui-buttons-secondary-padding-top-bottom: var(--sm-3);
    --ui-buttons-secondary-hover-bg: var(--primary-2-700);
    --ui-buttons-secondary-hover-text: var(--base-10);
    --ui-buttons-secondary-hover-icon: var(--base-10);
    --ui-buttons-secondary-hover-border: var(--dark-transparent);
    --ui-buttons-link-text: var(--base-10);
    --ui-buttons-link-icon: var(--base-10);
    --ui-buttons-link-hover-text: var(--base-7);
    --ui-buttons-link-hover-icon: var(--base-7);
    --ui-action-buttons-icon: var(--base-10);
    --ui-action-buttons-border-colour: var(--dark-transparent);
    --ui-action-buttons-border-weight: 0;
    --ui-action-buttons-border-radius: var(--radius-nil);
    --ui-action-buttons-padding: var(--xs-1);
    --ui-action-buttons-hover-bg: var(--light-50);
    --ui-action-buttons-hover-icon: var(--base-8);
    --ui-action-buttons-hover-border: var(--dark-transparent);
    --ui-accordions-item-bg: var(--base-10);
    --ui-accordions-item-title: var(--primary-3-500);
    --ui-accordions-item-body: var(--secondary-1-500);
    --ui-accordions-item-icons: var(--primary-3-500);
    --ui-accordions-item-padding-left-right: var(--md-3);
    --ui-accordions-item-padding-top-bottom: var(--sm-1);
    --ui-accordions-item-border-colour: var(--base-7);
    --ui-accordions-item-border-weight: 1;
    --ui-accordions-item-border-radius: var(--radius-nil);
    --ui-accordions-item-hover-bg: var(--base-10);
    --ui-accordions-item-hover-title: var(--primary-3-500);
    --ui-accordions-item-hover-body: var(--secondary-1-500);
    --ui-accordions-item-hover-icon: var(--primary-3-500);
    --ui-accordions-item-hover-border: var(--primary-2-500);
    --ui-accordions-item-active-bg: var(--primary-2-500);
    --ui-accordions-item-active-title: var(--base-10);
    --ui-accordions-item-active-body: var(--base-10);
    --ui-accordions-item-active-icon: var(--base-10);
    --ui-accordions-item-active-border: var(--dark-transparent);
    --ui-category-tags-bg: var(--dark-transparent);
    --ui-category-tags-text: var(--base-10);
    --ui-category-tags-border-colour: var(--light-50);
    --ui-category-tags-border-weight: 1;
    --ui-category-tags-border-radius: var(--radius-nil);
    --ui-category-tags-padding: var(--xs-1);
    --ui-category-tags-hover-bg: var(--dark-transparent);
    --ui-category-tags-hover-text: var(--base-10);
    --ui-category-tags-hover-border: var(--base-10);
    --ui-images-image-radius: var(--radius-nil);
    --ui-input-input-field-input-label: var(--base-10);
    --ui-images-overlays-gradient-overlay-colour: var(--dark-75);
    --ui-images-overlays-gradient-overlay-strength: 50px;
    --ui-images-overlays-transparency-colour: var(--dark-transparent);
    --ui-images-overlays-image-tint: var(--dark-50);
    --ui-images-overlays-popup-overlay: var(--light-50);
    --ui-in-page-nav-gap: var(--nil);
    --ui-in-page-nav-item-bg: var(--light-transparent);
    --ui-input-input-field-label-field-gap: var(--radius-md);
    --ui-in-page-nav-item-text: var(--base-10);
    --ui-in-page-nav-item-padding-left-right: var(--sm-3);
    --ui-in-page-nav-item-padding-top-bottom: var(--sm-4);
    --ui-in-page-nav-item-border: var(--dark-transparent);
    --ui-in-page-nav-item-hover-bg: var(--light-10);
    --ui-in-page-nav-item-hover-text: var(--base-10);
    --ui-in-page-nav-item-hover-border: var(--base-10);
    --ui-in-page-nav-item-active-bg: var(--base-10);
    --ui-in-page-nav-item-active-text: var(--base-1);
    --ui-in-page-nav-item-active-border: var(--base-10);
    --ui-in-page-nav-bg: var(--base-1);
    --ui-in-page-nav-title: var(--base-10);
    --ui-in-page-nav-bottom-border: var(--base-3);
    --ui-in-page-nav-bottom-border-weight: 0;
    --ui-input-input-field-border-radius: var(--radius-xs);
    --ui-input-input-field-padding-left-right: var(--sm-3);
    --ui-input-input-field-padding-top-bottom: var(--sm-3);
    --ui-filter-bar-bkg: var(--base-1);
    --ui-filter-bar-padding-left-right: var(--n-margin);
    --ui-filter-bar-padding-top-bottom: var(--sm-1);
    --ui-filter-bar-shadow: var(--dark-transparent);
    --ui-filter-bar-shadow-offset: var(--shadow-nil);
    --ui-filter-bar-shadow-blur: var(--shadow-sm);
    --ui-input-input-field-text-icon-gap: var(--xs-1);
    --ui-pagination-arrows-fill-bg: var(--base-10);
    --ui-pagination-arrows-fill-icon: var(--base-1);
    --ui-pagination-arrows-fill-border-colour: var(--dark-transparent);
    --ui-pagination-arrows-fill-border-weight: 0;
    --ui-pagination-arrows-fill-border-radius: var(--radius-nil);
    --ui-pagination-arrows-fill-padding: var(--xs-1);
    --ui-pagination-arrows-fill-hover-bg: var(--base-6);
    --ui-pagination-arrows-fill-hover-icon: var(--base-1);
    --ui-pagination-arrows-fill-hover-border: var(--dark-transparent);
    --ui-pagination-arrows-fill-bg-disabled: var(--base-3);
    --ui-pagination-arrows-fill-icon-disabled: var(--base-6);
    --ui-pagination-arrows-transparent-icon: var(--base-10);
    --ui-pagination-arrows-transparent-border-colour: var(--dark-transparent);
    --ui-pagination-arrows-transparent-border-weight: 0;
    --ui-pagination-arrows-transparent-border-radius: var(--radius-nil);
    --ui-pagination-arrows-transparent-padding: var(--xs-1);
    --ui-pagination-arrows-transparent-hover-icon: var(--light-50);
    --ui-pagination-arrows-transparent-hover-border: var(--dark-transparent);
    --ui-pagination-arrows-transparent-icon-disabled: var(--light-50);
    --ui-pagination-numbers-colour: var(--light-50);
    --ui-pagination-numbers-gap: var(--sm-3);
    --ui-pagination-numbers-hover: var(--light-75);
    --ui-pagination-numbers-active-colour: var(--base-10);
    --ui-pagination-carousel-lines-colour: var(--light-25);
    --ui-pagination-carousel-lines-hover: var(--light-50);
    --ui-pagination-carousel-lines-active-colour: var(--base-10);
    --ui-pagination-carousel-lines-width: var(--md-3);
    --ui-pagination-carousel-lines-height: 2px;
    --ui-pagination-carousel-lines-border-radius: var(--radius-sm);
    --ui-pagination-carousel-lines-active-width: var(--lg-1);
    --ui-pagination-carousel-lines-gap: 4px;
    --ui-input-input-field-bg: var(--light-5);
    --ui-input-input-field-text: var(--base-10);
    --ui-input-input-field-icon: var(--express-button-foreground);
    --ui-input-input-field-border: var(--light-5);
    --ui-input-input-field-border-weight: 1;
    --ui-tables-divider: #ffffff;
    --ui-tables-divider-weight: 1;
    --ui-tables-table-radius: var(--radius-xs);
    --ui-tabs-gap: var(--nil);
    --ui-tabs-bottom-gap: var(--nil);
    --ui-tabs-item-bg: var(--dark-transparent);
    --ui-tabs-item-text: var(--base-10);
    --ui-tabs-item-icon: var(--base-10);
    --ui-tabs-item-padding-left-right: var(--sm-2);
    --ui-tabs-item-padding-top-bottom: var(--sm-3);
    --ui-tabs-item-tiny-tabs-padding-left-right: var(--xs-1);
    --ui-tabs-item-tiny-tabs-padding-top-bottom: var(--xs-1);
    --ui-tabs-item-border-colour: var(--light-50);
    --ui-tabs-item-border-weight: 2;
    --ui-input-input-field-hover-bg: var(--light-5);
    --ui-input-input-field-hover-text: var(--base-10);
    --ui-input-input-field-hover-icon: var(--base-10);
    --ui-input-input-field-hover-border: var(--light-25);
    --ui-input-input-field-active-bg: var(--light-10);
    --ui-input-input-field-active-text: var(--base-10);
    --ui-input-input-field-active-icon: var(--base-10);
    --ui-input-input-field-active-border: var(--light-75);
    --ui-input-input-field-disabled-bg: var(--light-5);
    --ui-input-input-field-disabled-text: var(--light-25);
    --ui-input-input-field-disabled-icon: var(--light-25);
    --ui-input-input-field-disabled-border: var(--dark-transparent);
    --ui-input-input-field-error-colour: var(--error);
    --ui-tabs-item-border-radius: var(--radius-nil);
    --ui-tabs-item-hover-bg: var(--dark-transparent);
    --ui-tabs-item-hover-text: var(--base-10);
    --ui-tabs-item-hover-icon: var(--base-10);
    --ui-tabs-item-hover-border: var(--base-10);
    --ui-tabs-item-active-bg: var(--light-25);
    --ui-tabs-item-active-text: var(--base-10);
    --ui-tabs-item-active-icon: var(--base-10);
    --ui-tabs-item-active-border: var(--dark-transparent);
    --ui-tools-primary-panel-bkg: var(--base-1);
    --ui-video-toolbar-bkg: var(--base-1);
    --ui-video-toolbar-fg: var(--base-10);
    --ui-video-timeline-bkg: var(--base-6);
    --ui-video-timeline-indicator: var(--base-1);
    --ui-tools-primary-panel-text: var(--base-10);
    --ui-tools-secondary-panel-bkg: var(--base-10);
    --ui-tools-secondary-panel-text: var(--base-1);
    --ui-tools-border-lines: var(--dark-25);
    --ui-tools-headings: var(--base-1);
    --ui-tools-body-text: var(--base-3);
    --ui-tools-chart-colour-1: var(--primary-1-500);
    --ui-tools-chart-colour-2: var(--secondary-1-500);
    --ui-tools-chart-colour-3: var(--secondary-1-100);
    --ui-tools-timeline-line: var(--base-2);
    --ui-tools-timeline-dot: var(--base-9);
    --ui-pagination-carousel-arrows-text-arrow-gap: var(--sm-2);
    --ui-pagination-carousel-arrows-text-colour: var(--light-75);
    --ui-pagination-carousel-arrows-arrow-gap: var(--nil);
    --ui-input-dropdown-items-default-text: var(--base-10);
    --ui-input-dropdown-items-hover-text: var(--base-10);
    --ui-input-dropdown-items-hover-bg: var(--light-10);
    --ui-input-dropdown-items-active-text: var(--base-10);
    --ui-input-dropdown-items-active-bg: var(--light-10);
    --ui-input-dropdown-items-disabled-bg: var(--light-10);
    --ui-input-dropdown-items-disabled-text: var(--base-10);
    --ui-input-dropdown-bg: var(--base-1);
    --ui-input-dropdown-border: var(--base-10);
    --ui-input-dropdown-border-weight: 0;
    --ui-input-dropdown-border-radius: var(--radius-xs);
    --ui-input-dropdown-shadow: var(--dark-transparent);
    --ui-input-dropdown-shadow-offset: var(--shadow-nil);
    --ui-input-dropdown-shadow-blur: var(--shadow-sm);
    --ui-input-selectors-text: var(--base-10);
    --ui-input-selectors-icon: var(--base-10);
    --ui-input-selectors-hover-text: var(--base-10);
    --ui-input-selectors-hover-icon: var(--base-10);
    --ui-input-selectors-active-text: var(--base-10);
    --ui-input-selectors-active-icon: var(--base-10);
    --ui-input-selectors-disabled-text: var(--base-3);
    --ui-input-selectors-disabled-icon: var(--base-3);
  }
  .theme-3 {
    --express-bkg-primary: var(--base-8);
    --express-bkg-seconday: var(--base-10);
    --express-title-font: Oswald;
    --express-body-font: Roboto;
    --express-title: var(--base-4);
    --express-body-primary: var(--base-3);
    --express-body-secondary: var(--base-5);
    --express-button: var(--dark-10);
    --express-button-foreground: var(--base-1);
    --express-button-radius: 0px;
    --express-panel-cards-bkg: var(--base-9);
    --express-panel-cards-foreground: var(--base-2);
    --express-rounded-edges: 0px;
    --express-shadows: 0px;
    --express-highlights: var(--base-2);
    --express-ui-elements: var(--base-5);
    --general-bg: var(--express-bkg-primary);
    --general-bg-secondary: var(--express-bkg-seconday);
    --general-section-dark: var(--base-1);
    --general-pre-heading: var(--express-highlights);
    --general-display: var(--base-2);
    --general-headline: var(--base-3);
    --general-display-text-on-dark: var(--base-10);
    --general-headline-text-on-dark: var(--base-10);
    --general-body: var(--express-body-primary);
    --general-body-secondary: var(--base-3);
    --general-body-text-on-dark: var(--base-10);
    --general-utility: var(--express-highlights);
    --general-utility-text-on-dark: var(--light-75);
    --general-quote: var(--express-highlights);
    --general-quote-text-on-dark: var(--base-10);
    --general-stats: var(--express-highlights);
    --general-stats-on-dark: var(--base-10);
    --general-pictograms: var(--express-highlights);
    --general-pictogram-on-dark: var(--base-10);
    --general-icons: var(--express-highlights);
    --general-body-link: var(--primary-1-500);
    --general-body-link-hover: var(--primary-1-700);
    --general-dividers: var(--dark-25);
    --general-focus-border: var(--primary-2-500);
    --general-focus-border-weight: 2;
    --header-bg: var(--ui-images-overlays-transparency-colour);
    --header-main-nav-search-gap: var(--sm-2);
    --header-main-nav-text: var(--base-3);
    --header-main-buttons-bg: var(--light-transparent);
    --header-main-buttons-icon: var(--base-1);
    --header-main-buttons-border-colour: var(--dark-transparent);
    --header-main-buttons-border-weight: 0;
    --header-main-buttons-border-radius: var(--radius-nil);
    --header-main-buttons-padding: var(--xs-1);
    --header-main-buttons-hover-bg: var(--base-6);
    --header-main-buttons-hover-icon: var(--base-1);
    --header-main-buttons-hover-border: var(--dark-transparent);
    --header-main-nav-gap: var(--sm-3);
    --header-main-nav-bg: var(--light-transparent);
    --header-main-nav-border-radius: var(--radius-nil);
    --header-grad-overlay: true;
    --header-main-nav-hover-text: var(--base-1);
    --header-main-nav-hover-bg: var(--dark-5);
    --header-main-nav-active-text: var(--base-1);
    --header-main-nav-active-bg: var(--dark-transparent);
    --header-main-nav-active-indicator-weight: 2;
    --header-main-nav-active-indicator: var(--dark-75);
    --header-main-nav-padding-left-right: var(--sm-3);
    --header-main-nav-padding-top-bottom: var(--sm-2);
    --header-top-nav-gap: var(--sm-3);
    --header-top-gap: var(--sm-2);
    --header-top-top-bar-bg: var(--base-7);
    --header-top-nav-text: var(--base-3);
    --header-top-nav-hover-text: var(--base-1);
    --header-top-nav-active-text: var(--base-1);
    --header-top-nav-active-indicator-weight: 1;
    --header-top-nav-active-indicator: var(--base-3);
    --header-top-nav-padding-left-right: var(--xs-2);
    --header-top-nav-padding-top-bottom: var(--nil);
    --header-top-share-price-gap: var(--sm-4);
    --header-top-share-price-title: var(--base-1);
    --header-top-share-price-price: var(--base-3);
    --header-top-share-price-variance: var(--base-1);
    --menu-bg: var(--base-8);
    --menu-item-gap: 0px;
    --menu-padding-top-bottom: var(--md-3);
    --menu-divider: var(--base-8);
    --menu-divider-weight: 1;
    --menu-bottom-border: var(--base-8);
    --menu-bottom-border-weight: 0;
    --menu-bottom-radius: var(--radius-xs);
    --menu-shadow: var(--dark-transparent);
    --menu-shadow-offset: var(--shadow-xs);
    --menu-shadow-blur: var(--shadow-sm);
    --menu-item-padding-left-right: var(--sm-4);
    --menu-item-padding-top-bottom: var(--sm-3);
    --menu-item-item-bg: var(--light-transparent);
    --menu-item-item-text: var(--base-1);
    --menu-item-item-icon: var(--base-1);
    --menu-item-hover-item-bg: var(--dark-5);
    --menu-item-hover-item-text: var(--base-1);
    --menu-item-hover-item-icon: var(--base-3);
    --menu-item-active-item-bg: var(--dark-10);
    --menu-item-active-item-text: var(--base-1);
    --menu-item-active-item-icon: var(--base-1);
    --menu-item-active-item-indicator-weight: 2;
    --menu-item-active-item-indicator: var(--base-1);
    --footer-main-bg: var(--base-8);
    --footer-bottom-bar-bg: var(--base-9);
    --footer-divider: var(--base-4);
    --footer-divider-weight: 1;
    --header-logo-variant: Dark;
    --footer-heading: var(--base-1);
    --footer-text: var(--base-3);
    --footer-link: var(--base-1);
    --footer-link-hover: var(--base-3);
    --footer-copyright: var(--base-3);
    --footer-social: var(--base-1);
    --footer-social-hover: var(--base-2);
    --header-bottom-border-weight: 1;
    --header-bottom-border: var(--dark-25);
    --header-shadow-colour: var(--dark-25);
    --header-shadow-offset: var(--shadow-nil);
    --header-shadow-blur: var(--shadow-nil);
    --header-top-language-switcher-text: var(--base-3);
    --header-main-search-panel-bg: var(--base-8);
    --header-main-search-panel-heading: var(--base-1);
    --header-main-search-panel-icon: var(--base-3);
    --header-main-search-panel-text: var(--base-3);
    --header-main-search-panel-active-text: var(--base-3);
    --header-main-search-panel-hover-bg: var(--dark-5);
    --header-top-language-switcher-dropdown-bg: var(--base-8);
    --header-top-language-switcher-dropdown-border: var(--base-6);
    --header-top-language-switcher-dropdown-border-weight: 1;
    --header-top-language-switcher-dropdown-border-radius: var(--radius-xs);
    --header-top-language-switcher-dropdown-text: var(--base-10);
    --header-top-language-switcher-dropdown-hover-text: var(--base-10);
    --header-top-language-switcher-dropdown-hover-bg: var(--dark-75);
    --header-top-language-switcher-dropdown-active-text: var(--base-1);
    --header-top-language-switcher-dropdown-padding-left-right: var(--sm-4);
    --header-top-language-switcher-dropdown-padding-top-bottom: var(--xs-1);
    --header-top-language-switcher-dropdown-shadow: var(--dark-transparent);
    --header-top-language-switcher-dropdown-shadow-offset: var(--shadow-xs);
    --header-top-language-switcher-dropdown-shadow-blur: var(--shadow-sm);
    --header-main-search-panel-shadow: var(--dark-transparent);
    --header-main-search-panel-shadow-offset: var(--shadow-xs);
    --header-main-search-panel-shadow-blur: var(--shadow-sm);
    --header-top-language-switcher-icon: var(--base-3);
    --header-top-language-switcher-gap: var(--xs-2);
    --header-top-language-switcher-hover-text: var(--base-1);
    --header-top-language-switcher-hover-icon: var(--base-1);
    --header-main-search-panel-radius: var(--radius-xs);
    --header-main-search-panel-input-field-bg: var(--dark-transparent);
    --header-main-search-panel-input-field-border: var(--base-8);
    --header-main-search-panel-input-field-hover-border: var(--base-6);
    --header-main-search-panel-input-field-border-weight: 2;
    --header-main-search-panel-input-field-border-radius: var(--radius-xs);
    --header-main-search-panel-input-field-default-text: var(--base-3);
    --header-main-search-panel-input-field-active-text: var(--base-3);
    --header-main-search-panel-input-field-icon: var(--base-3);
    --header-main-search-panel-input-field-hover-bg: var(--base-3);
    --header-main-search-panel-input-field-padding: var(--sm-3);
    --menu-signpost-heading: var(--base-1);
    --menu-signpost-body: var(--base-3);
    --panel-bg: var(--base-8);
    --panel-bg: var(--base-10);
    --panel-background-blur: var(--nil);
    --panel-pre-heading: var(--primary-2-500);
    --panel-display: var(--primary-3-500);
    --panel-headline: var(--primary-3-500);
    --panel-body: var(--secondary-1-500);
    --panel-utility: var(--base-3);
    --panel-pictograms: var(--primary-2-500);
    --panel-stats: var(--primary-2-500);
    --panel-quotes: var(--base-3);
    --panel-border-weight: 0;
    --panel-border-colour: var(--dark-transparent);
    --panel-border-radius: var(--radius-xs);
    --panel-shadow-colour: var(--dark-25);
    --panel-shadow-offset: var(--shadow-nil);
    --panel-shadow-blur: var(--shadow-nil);
    --card-card-light: var(--base-10);
    --card-card-light-hover: var(--base-1);
    --card-bg: var(--base-9);
    --card-background-blur: var(--nil);
    --card-pre-heading: var(--base-3);
    --card-title: var(--base-1);
    --card-body: var(--base-3);
    --card-pictograms: var(--base-3);
    --card-stats: var(--base-3);
    --card-utility: var(--base-3);
    --card-border-weight: 0;
    --card-border-colour: var(--dark-transparent);
    --card-border-radius: var(--radius-xs);
    --card-shadow-colour: var(--dark-25);
    --card-shadow-offset: var(--shadow-nil);
    --card-shadow-blur: var(--shadow-nil);
    --card-hover-bg: var(--base-7);
    --card-hover-fg: var(--base-1);
    --card-hover-border: var(--base-1);
    --card-bg-hover: var(--base-3);
    --card-hover-card-shadow-colour: var(--dark-25);
    --card-hover-card-shadow-offset: var(--shadow-nil);
    --card-hover-card-shadow-blur: var(--shadow-nil);
    --card-active-bg: var(--base-2);
    --card-active-fg: var(--base-10);
    --card-active-border: var(--base-3);
    --ui-accordions-gap: var(--sm-2);
    --ui-action-buttons-bg: var(--base-8);
    --ui-back-to-top-bg: var(--base-8);
    --ui-back-to-top-icon: var(--base-1);
    --ui-back-to-top-text: var(--base-1);
    --ui-back-to-top-border-colour: var(--dark-transparent);
    --ui-back-to-top-border-weight: 0;
    --ui-back-to-top-border-radius: var(--radius-nil);
    --ui-back-to-top-padding: var(--xs-1);
    --ui-tables-header-bg: var(--base-7);
    --ui-tables-header-text: var(--base-1);
    --ui-tables-cell-bg: var(--base-9);
    --ui-tables-cell-text: var(--base-1);
    --ui-tables-cell-icon: var(--base-1);
    --ui-tables-padding-left-right: var(--sm-2);
    --ui-tables-padding-top-bottom: var(--sm-2);
    --ui-breadcrumb-text: var(--base-3);
    --ui-breadcrumb-arrow: var(--base-3);
    --ui-breadcrumb-gap: var(--xs-1);
    --ui-breadcrumb-hover-text: var(--base-3);
    --ui-breadcrumb-active-text: var(--base-3);
    --ui-buttons-primary-bg: var(--primary-1-500);
    --ui-buttons-primary-text: var(--base-10);
    --ui-buttons-primary-icon: var(--base-10);
    --ui-buttons-primary-border-colour: var(--dark-transparent);
    --ui-buttons-primary-border-weight: 0;
    --ui-buttons-primary-border-radius: var(--radius-nil);
    --ui-buttons-primary-padding-left-right: var(--sm-2);
    --ui-buttons-primary-padding-top-bottom: var(--sm-3);
    --ui-buttons-primary-hover-bg: var(--primary-1-700);
    --ui-buttons-primary-hover-text: var(--base-10);
    --ui-buttons-primary-hover-icon: var(--base-10);
    --ui-buttons-primary-hover-border: var(--dark-transparent);
    --ui-buttons-secondary-bg: var(--primary-2-500);
    --ui-buttons-secondary-text: var(--base-10);
    --ui-buttons-secondary-icon: var(--base-10);
    --ui-buttons-secondary-border-colour: var(--dark-transparent);
    --ui-buttons-secondary-border-weight: 0;
    --ui-buttons-secondary-border-radius: var(--radius-nil);
    --ui-buttons-secondary-padding-left-right: var(--sm-2);
    --ui-buttons-secondary-padding-top-bottom: var(--sm-3);
    --ui-buttons-secondary-hover-bg: var(--primary-2-700);
    --ui-buttons-secondary-hover-text: var(--base-10);
    --ui-buttons-secondary-hover-icon: var(--base-10);
    --ui-buttons-secondary-hover-border: var(--dark-transparent);
    --ui-buttons-link-text: var(--primary-1-500);
    --ui-buttons-link-icon: var(--primary-1-500);
    --ui-buttons-link-hover-text: var(--primary-1-700);
    --ui-buttons-link-hover-icon: var(--primary-1-700);
    --ui-action-buttons-icon: var(--base-1);
    --ui-action-buttons-border-colour: var(--dark-transparent);
    --ui-action-buttons-border-weight: 0;
    --ui-action-buttons-border-radius: var(--radius-nil);
    --ui-action-buttons-padding: var(--xs-1);
    --ui-action-buttons-hover-bg: var(--base-6);
    --ui-action-buttons-hover-icon: var(--base-1);
    --ui-action-buttons-hover-border: var(--dark-transparent);
    --ui-accordions-item-bg: var(--base-10);
    --ui-accordions-item-title: var(--primary-3-500);
    --ui-accordions-item-body: var(--secondary-1-500);
    --ui-accordions-item-icons: var(--primary-3-500);
    --ui-accordions-item-padding-left-right: var(--md-3);
    --ui-accordions-item-padding-top-bottom: var(--sm-1);
    --ui-accordions-item-border-colour: var(--base-7);
    --ui-accordions-item-border-weight: 1;
    --ui-accordions-item-border-radius: var(--radius-nil);
    --ui-accordions-item-hover-bg: var(--base-10);
    --ui-accordions-item-hover-title: var(--primary-3-500);
    --ui-accordions-item-hover-body: var(--secondary-1-500);
    --ui-accordions-item-hover-icon: var(--primary-3-500);
    --ui-accordions-item-hover-border: var(--primary-2-500);
    --ui-accordions-item-active-bg: var(--primary-2-500);
    --ui-accordions-item-active-title: var(--base-10);
    --ui-accordions-item-active-body: var(--base-10);
    --ui-accordions-item-active-icon: var(--base-10);
    --ui-accordions-item-active-border: var(--dark-transparent);
    --ui-category-tags-bg: var(--dark-transparent);
    --ui-category-tags-text: var(--base-1);
    --ui-category-tags-border-colour: var(--base-1);
    --ui-category-tags-border-weight: 1;
    --ui-category-tags-border-radius: var(--radius-nil);
    --ui-category-tags-padding: var(--xs-1);
    --ui-category-tags-hover-bg: var(--dark-transparent);
    --ui-category-tags-hover-text: var(--base-1);
    --ui-category-tags-hover-border: var(--base-6);
    --ui-images-image-radius: var(--radius-nil);
    --ui-input-input-field-input-label: var(--express-button-foreground);
    --ui-images-overlays-gradient-overlay-colour: var(--primary-2-300);
    --ui-images-overlays-gradient-overlay-strength: 50px;
    --ui-images-overlays-transparency-colour: var(--light-transparent);
    --ui-images-overlays-image-tint: var(--light-50);
    --ui-images-overlays-popup-overlay: var(--dark-75);
    --ui-in-page-nav-gap: var(--nil);
    --ui-in-page-nav-item-bg: var(--dark-transparent);
    --ui-input-input-field-label-field-gap: var(--radius-md);
    --ui-in-page-nav-item-text: var(--express-button-foreground);
    --ui-in-page-nav-item-padding-left-right: var(--sm-3);
    --ui-in-page-nav-item-padding-top-bottom: var(--sm-4);
    --ui-in-page-nav-item-border: var(--light-transparent);
    --ui-in-page-nav-item-hover-bg: var(--dark-10);
    --ui-in-page-nav-item-hover-text: var(--base-1);
    --ui-in-page-nav-item-hover-border: var(--dark-transparent);
    --ui-in-page-nav-item-active-bg: var(--base-6);
    --ui-in-page-nav-item-active-text: var(--base-1);
    --ui-in-page-nav-item-active-border: var(--base-1);
    --ui-in-page-nav-bg: var(--base-10);
    --ui-in-page-nav-title: var(--base-3);
    --ui-in-page-nav-bottom-border: var(--base-8);
    --ui-in-page-nav-bottom-border-weight: 0;
    --ui-input-input-field-border-radius: var(--radius-xs);
    --ui-input-input-field-padding-left-right: var(--sm-3);
    --ui-input-input-field-padding-top-bottom: var(--sm-3);
    --ui-filter-bar-bkg: var(--base-1);
    --ui-filter-bar-padding-left-right: var(--n-margin);
    --ui-filter-bar-padding-top-bottom: var(--sm-1);
    --ui-filter-bar-shadow: var(--dark-transparent);
    --ui-filter-bar-shadow-offset: var(--shadow-xs);
    --ui-filter-bar-shadow-blur: var(--shadow-sm);
    --ui-input-input-field-text-icon-gap: var(--xs-1);
    --ui-pagination-arrows-fill-bg: var(--base-10);
    --ui-pagination-arrows-fill-icon: var(--base-1);
    --ui-pagination-arrows-fill-border-colour: var(--dark-transparent);
    --ui-pagination-arrows-fill-border-weight: 0;
    --ui-pagination-arrows-fill-border-radius: var(--radius-nil);
    --ui-pagination-arrows-fill-padding: var(--xs-1);
    --ui-pagination-arrows-fill-hover-bg: var(--base-6);
    --ui-pagination-arrows-fill-hover-icon: var(--base-1);
    --ui-pagination-arrows-fill-hover-border: var(--dark-transparent);
    --ui-pagination-arrows-fill-bg-disabled: var(--base-6);
    --ui-pagination-arrows-fill-icon-disabled: var(--base-1);
    --ui-pagination-arrows-transparent-icon: var(--dark-50);
    --ui-pagination-arrows-transparent-border-colour: var(--dark-transparent);
    --ui-pagination-arrows-transparent-border-weight: 0;
    --ui-pagination-arrows-transparent-border-radius: var(--radius-nil);
    --ui-pagination-arrows-transparent-padding: var(--xs-1);
    --ui-pagination-arrows-transparent-hover-icon: var(--dark-75);
    --ui-pagination-arrows-transparent-hover-border: var(--dark-transparent);
    --ui-pagination-arrows-transparent-icon-disabled: var(--dark-10);
    --ui-pagination-numbers-colour: var(--base-3);
    --ui-pagination-numbers-gap: var(--sm-3);
    --ui-pagination-numbers-hover: var(--base-1);
    --ui-pagination-numbers-active-colour: var(--base-1);
    --ui-pagination-carousel-lines-colour: var(--base-6);
    --ui-pagination-carousel-lines-hover: var(--base-3);
    --ui-pagination-carousel-lines-active-colour: var(--base-1);
    --ui-pagination-carousel-lines-width: var(--md-3);
    --ui-pagination-carousel-lines-height: 2px;
    --ui-pagination-carousel-lines-border-radius: var(--radius-sm);
    --ui-pagination-carousel-lines-active-width: var(--lg-1);
    --ui-pagination-carousel-lines-gap: 4px;
    --ui-input-input-field-bg: var(--base-10);
    --ui-input-input-field-text: var(--express-button-foreground);
    --ui-input-input-field-icon: var(--express-button-foreground);
    --ui-input-input-field-border: var(--dark-transparent);
    --ui-input-input-field-border-weight: 0;
    --ui-tables-divider: var(--base-4);
    --ui-tables-divider-weight: 1;
    --ui-tables-table-radius: var(--radius-xs);
    --ui-tabs-gap: var(--nil);
    --ui-tabs-bottom-gap: var(--nil);
    --ui-tabs-item-bg: var(--base-7);
    --ui-tabs-item-text: var(--base-1);
    --ui-tabs-item-icon: var(--base-1);
    --ui-tabs-item-padding-left-right: var(--sm-2);
    --ui-tabs-item-padding-top-bottom: var(--sm-3);
    --ui-tabs-item-tiny-tabs-padding-left-right: var(--xs-1);
    --ui-tabs-item-tiny-tabs-padding-top-bottom: var(--xs-1);
    --ui-tabs-item-border-colour: var(--dark-transparent);
    --ui-tabs-item-border-weight: 0;
    --ui-input-input-field-hover-bg: var(--base-6);
    --ui-input-input-field-hover-text: var(--base-1);
    --ui-input-input-field-hover-icon: var(--base-1);
    --ui-input-input-field-hover-border: var(--dark-transparent);
    --ui-input-input-field-active-bg: var(--base-6);
    --ui-input-input-field-active-text: var(--base-1);
    --ui-input-input-field-active-icon: var(--base-1);
    --ui-input-input-field-active-border: var(--dark-transparent);
    --ui-input-input-field-disabled-bg: var(--base-1);
    --ui-input-input-field-disabled-text: var(--base-6);
    --ui-input-input-field-disabled-icon: var(--base-6);
    --ui-input-input-field-disabled-border: var(--dark-transparent);
    --ui-input-input-field-error-colour: var(--error);
    --ui-tabs-item-border-radius: var(--radius-xs);
    --ui-tabs-item-hover-bg: var(--base-6);
    --ui-tabs-item-hover-text: var(--base-1);
    --ui-tabs-item-hover-icon: var(--base-1);
    --ui-tabs-item-hover-border: var(--dark-transparent);
    --ui-tabs-item-active-bg: var(--base-6);
    --ui-tabs-item-active-text: var(--base-1);
    --ui-tabs-item-active-icon: var(--base-1);
    --ui-tabs-item-active-border: var(--dark-transparent);
    --ui-tools-primary-panel-bkg: var(--base-1);
    --ui-video-toolbar-bkg: var(--base-6);
    --ui-video-toolbar-fg: var(--base-1);
    --ui-video-timeline-bkg: var(--base-10);
    --ui-video-timeline-indicator: var(--base-1);
    --ui-tools-primary-panel-text: var(--base-10);
    --ui-tools-secondary-panel-bkg: var(--base-10);
    --ui-tools-secondary-panel-text: var(--base-1);
    --ui-tools-border-lines: var(--dark-25);
    --ui-tools-headings: var(--base-1);
    --ui-tools-body-text: var(--base-3);
    --ui-tools-chart-colour-1: var(--primary-1-500);
    --ui-tools-chart-colour-2: var(--secondary-1-500);
    --ui-tools-chart-colour-3: var(--secondary-1-100);
    --ui-tools-timeline-line: var(--base-1);
    --ui-tools-timeline-dot: var(--base-1);
    --ui-pagination-carousel-arrows-text-arrow-gap: var(--sm-2);
    --ui-pagination-carousel-arrows-text-colour: var(--base-6);
    --ui-pagination-carousel-arrows-arrow-gap: var(--nil);
    --ui-input-dropdown-items-default-text: var(--base-10);
    --ui-input-dropdown-items-hover-text: var(--base-10);
    --ui-input-dropdown-items-hover-bg: var(--dark-75);
    --ui-input-dropdown-items-active-text: var(--base-10);
    --ui-input-dropdown-items-active-bg: var(--dark-75);
    --ui-input-dropdown-items-disabled-bg: var(--dark-75);
    --ui-input-dropdown-items-disabled-text: var(--base-4);
    --ui-input-dropdown-bg: var(--base-8);
    --ui-input-dropdown-border: var(--base-6);
    --ui-input-dropdown-border-weight: 1;
    --ui-input-dropdown-border-radius: var(--radius-xs);
    --ui-input-dropdown-shadow: var(--dark-transparent);
    --ui-input-dropdown-shadow-offset: var(--shadow-xs);
    --ui-input-dropdown-shadow-blur: var(--shadow-sm);
    --ui-input-selectors-text: var(--base-3);
    --ui-input-selectors-icon: var(--base-3);
    --ui-input-selectors-hover-text: var(--base-1);
    --ui-input-selectors-hover-icon: var(--base-1);
    --ui-input-selectors-active-text: var(--base-1);
    --ui-input-selectors-active-icon: var(--base-1);
    --ui-input-selectors-disabled-text: var(--base-4);
    --ui-input-selectors-disabled-icon: var(--base-4);
  }
  .theme-1,
  .theme-2,
  .theme-3 {
    --gradient-1: linear-gradient(90deg, var(--dark-50) 0%, var(--primary-1-500) 50%, var(--dark-50) 100%);
    --gradient-2: linear-gradient(90deg, var(--primary-3-500) 0%, var(--primary-1-500) 50%, var(--primary-3-500) 100%);
    --gradient-3: linear-gradient(239deg, var(--primary-2-500) 6.42%, var(--secondary-3-500) 98.25%);
    --gradient-4: linear-gradient(119deg, var(--primary-3-500) 8.88%, var(--secondary-3-300) 97.44%);
    --gradient-5: linear-gradient(90deg, var(--primary-1-500) 0%, var(--secondary-2-500) 91.5%);
    --gradient-overlay-bottom: linear-gradient(180deg, var(--ui-images-overlays-transparency-colour) 0%, var(--ui-images-overlays-gradient-overlay-colour) 100%);
    --gradient-overlay-top: linear-gradient(180deg, var(--ui-images-overlays-gradient-overlay-colour) 0%, var(--ui-images-overlays-transparency-colour) 100%);
    --gradient-overlay-left: linear-gradient(90deg, var(--ui-images-overlays-gradient-overlay-colour) 0%, var(--ui-images-overlays-transparency-colour) 100%);
    --gradient-overlay-right: linear-gradient(270deg, var(--ui-images-overlays-gradient-overlay-colour) 0%, var(--ui-images-overlays-transparency-colour) 100%);
    --box-shadow-none: none;
    --box-shadow-xs: 0 var(--shadow-xs) var(--shadow-xs) 0 rgba(0, 0, 0, 0.10);
    --box-shadow-sm: 0 var(--shadow-sm) var(--shadow-sm) 0 rgba(0, 0, 0, 0.10);
    --box-shadow-md: 0 var(--shadow-md) var(--shadow-md) 0 rgba(0, 0, 0, 0.10);
    --box-shadow-lg: 0 var(--shadow-lg) var(--shadow-lg) 0 rgba(0, 0, 0, 0.10);
    --box-shadow-xl: 0 var(--shadow-xl) var(--shadow-xl) 0 rgba(0, 0, 0, 0.10);
    --box-shadow-xxl: 0 var(--shadow-xxl) var(--shadow-xxl) 0 rgba(0, 0, 0, 0.10);
  }
  :root {
    --primitive-weight-light: 300;
    --primitive-weight-regular: 400;
    --primitive-weight-medium: 500;
    --primitive-weight-semi-bold: 600;
    --primitive-weight-bold: 700;
    --primitive-weight-extra-bold: 800;
  }
}