@layer tokens {
  :root {
    --primary-1-100: #d9dcef;
    --primary-1-300: #8e95ce;
    --primary-1-500: #424ead;
    --primary-1-700: #282f68;
    --primary-1-900: #0d1023;
    --primary-2-100: #fce6d0;
    --primary-2-300: #f49941;
    --primary-2-500: #f18012;
    --primary-2-600: #c1660e;
    --primary-2-700: #914d0b;
    --primary-3-100: #dfecfe;
    --primary-3-300: #b0cffd;
    --primary-3-500: #7fb1fb;
    --primary-4: #438bf5;
    --primary-3-700: #4c6a97;
    --primary-3-900: #192332;
    --secondary-1-100: #c1ede2;
    --secondary-1-300: #6acdb5;
    --secondary-1-500: #14ad88;
    --secondary-1-700: #0c6852;
    --secondary-1-900: #04231b;
    --secondary-2-100: #7ec5e3;
    --secondary-2-300: #3f8cac;
    --secondary-2-500: #005274;
    --secondary-2-700: #003146;
    --secondary-2-900: #001017;
    --secondary-3-100: #c5f4e4;
    --secondary-3-300: #6fe3bd;
    --secondary-3-500: #16d294;
    --secondary-4: #edde45;
    --secondary-3-700: #0d7e59;
    --secondary-3-900: #042a1e;
    --base-1: #212b3b;
    --base-2: #2c3645;
    --base-3: #5b6678;
    --base-4: #778396;
    --base-5: #8692a5;
    --base-6: #94a1b5;
    --base-7: #a3afc4;
    --base-8: #ecedf7;
    --base-9: #f6f6fb;
    --base-10: #ffffff;
    --dark-transparent: rgba(0, 0, 0, 0);
    --dark-5: rgba(0, 0, 0, 0.05);
    --dark-10: rgba(0, 0, 0, 0.1);
    --dark-25: rgba(0, 0, 0, 0.25);
    --dark-50: rgba(0, 0, 0, 0.5);
    --dark-75: rgba(0, 0, 0, 0.75);
    --light-transparent: rgba(255, 255, 255, 0);
    --light-5: rgba(255, 255, 255, 0.05);
    --light-10: rgba(255, 255, 255, 0.1);
    --light-25: rgba(255, 255, 255, 0.25);
    --light-50: rgba(255, 255, 255, 0.5);
    --light-75: rgba(255, 255, 255, 0.75);
    --error: #d91010;
    --success: #3acd07;
    --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: 'Montserrat';
    --primitive-family-body: 'Inter';
    --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(2.4rem, 1.8264rem + 1.5094vw, 4rem);
    --display-l-weight: var(--primitive-weight-bold);
    --display-l-font-size: clamp(3.6rem, 2.3094rem + 3.3962vw, 7.2rem);
    --display-l-line-height: clamp(3.6rem, 2.3094rem + 3.3962vw, 7.2rem);
    --display-l-letter-spacing: 0px;
    --display-m-line-height: clamp(2.8rem, 2.0830rem + 1.8868vw, 4.8rem);
    --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(2rem, 1.5698rem + 1.1321vw, 3.2rem);
    --headline-l-letter-spacing: 0px;
    --headline-m-font-family: var(--primitive-family-titles);
    --display-s-letter-spacing: 0px;
    --headline-m-weight: var(--primitive-weight-bold);
    --headline-m-font-size: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --headline-m-line-height: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --headline-m-letter-spacing: 0px;
    --headline-s-font-family: var(--primitive-family-titles);
    --headline-s-weight: var(--primitive-weight-bold);
    --headline-s-font-size: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
    --headline-s-line-height: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
    --headline-s-letter-spacing: 0px;
    --body-l-font-family: var(--primitive-family-body);
    --body-m-font-family: var(--primitive-family-body);
    --body-l-weight: var(--primitive-weight-regular);
    --body-s-font-family: var(--primitive-family-body);
    --body-xs-font-family: var(--primitive-family-body);
    --body-l-font-size: clamp(1.8rem, 1.6566rem + 0.3774vw, 2.2rem);
    --body-m-weight: var(--primitive-weight-regular);
    --body-l-line-height: clamp(2.2rem, 1.8415rem + 0.9434vw, 3.2rem);
    --button-font-family: var(--primitive-family-body);
    --nav-l-font-family: var(--primitive-family-body);
    --nav-m-font-family: var(--primitive-family-body);
    --nav-s-font-family: var(--primitive-family-body);
    --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-body);
    --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(2rem, 1.7132rem + 0.7547vw, 2.8rem);
    --body-m-letter-spacing: 0px;
    --body-s-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
    --body-s-line-height: clamp(1.8rem, 1.5849rem + 0.5660vw, 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(2rem, 1.8566rem + 0.3774vw, 2.4rem);
    --body-xs-letter-spacing: 0px;
    --quote-l-font-size: clamp(2.4rem, 1.3245rem + 2.8302vw, 5.4rem);
    --quote-l-line-height: clamp(3.6rem, 2.7396rem + 2.2642vw, 6rem);
    --quote-l-letter-spacing: 0px;
    --quote-l-weight: var(--primitive-weight-bold);
    --quote-m-font-size: clamp(1.6rem, 1.1698rem + 1.1321vw, 2.8rem);
    --quote-m-line-height: clamp(2.4rem, 2.0415rem + 0.9434vw, 3.4rem);
    --quote-m-letter-spacing: 0px;
    --quote-m-weight: var(--primitive-weight-bold);
    --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-regular);
    --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(3rem, 2.3547rem + 1.6981vw, 4.8rem);
    --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, 1.9698rem + 1.1321vw, 3.6rem);
    --icon-m: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --icon-s: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
    --tag-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
    --tag-letter-spacing: 0.800000011920929px;
    --tag-weight: var(--primitive-weight-bold);
    --stat-l-line-height: clamp(3.3rem, 2.5472rem + 1.9811vw, 5.4rem);
    --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-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-regular);
    --label-xs-weight: var(--primitive-weight-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: IDX Sans;
    --express-body-font: IDX Sans;
    --express-title: var(--base-1);
    --express-body-primary: var(--base-1);
    --express-body-secondary: var(--base-3);
    --express-button: var(--primary-2-500);
    --express-button-foreground: var(--base-1);
    --express-button-radius: 0px;
    --express-panel-cards-bkg: var(--primary-1-500);
    --express-panel-cards-foreground: var(--base-10);
    --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(--express-bkg-seconday);
    --general-section-dark: var(--base-1);
    --general-pre-heading: var(--express-highlights);
    --general-display: var(--express-title);
    --general-headline: var(--express-title);
    --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(--base-1);
    --general-pictogram-on-dark: var(--base-10);
    --general-icons: var(--express-highlights);
    --general-body-link: var(--express-title);
    --general-body-link-hover: var(--base-3);
    --general-dividers: var(--dark-25);
    --general-focus-border: var(--primary-1-900);
    --general-focus-border-weight: 2;
    --header-bg: var(--base-10);
    --header-main-nav-search-gap: var(--sm-2);
    --header-main-nav-text: var(--base-1);
    --header-main-buttons-bg: var(--primary-2-500);
    --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(--sm-3);
    --header-main-buttons-hover-bg: var(--primary-2-300);
    --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-grad-overlay: true;
    --header-main-nav-border-radius: var(--radius-nil);
    --header-main-nav-hover-text: var(--base-1);
    --header-main-nav-hover-bg: var(--dark-transparent);
    --header-main-nav-hover-underline: var(--dark-75);
    --header-main-nav-hover-underline-weight: 1;
    --header-main-nav-active-text: var(--base-1);
    --header-main-nav-active-bg: var(--dark-transparent);
    --header-main-nav-active-underline: var(--secondary-3-500);
    --header-main-nav-active-underline-weight: 1;
    --header-main-nav-active-indicator-weight: 0;
    --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-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(--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-1);
    --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-10);
    --menu-item-gap: 0px;
    --menu-padding-top-bottom: var(--md-3);
    --menu-divider: var(--base-6);
    --menu-divider-weight: 1;
    --menu-bottom-border: var(--base-6);
    --menu-bottom-border-weight: 0;
    --menu-bottom-radius: var(--radius-xs);
    --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(--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(--base-8);
    --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(--primary-2-500);
    --footer-main-bg: var(--base-10);
    --footer-bottom-bar-bg: var(--base-10);
    --footer-divider: var(--base-3);
    --footer-divider-weight: 0.5;
    --header-logo-variant: Dark;
    --footer-heading: var(--base-1);
    --footer-text: var(--base-1);
    --footer-link: var(--base-3);
    --footer-link-hover: var(--base-1);
    --footer-copyright: var(--base-3);
    --footer-social: var(--base-3);
    --footer-social-hover: var(--base-1);
    --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(--base-1);
    --header-main-search-panel-icon: var(--base-1);
    --header-main-search-panel-text: var(--base-3);
    --header-main-search-panel-active-text: var(--base-1);
    --header-main-search-panel-hover-bg: var(--dark-5);
    --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(--dark-5);
    --header-main-search-panel-input-field-border: var(--dark-transparent);
    --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-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(--dark-5);
    --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(--primary-1-900);
    --panel-background-blur: var(--nil);
    --panel-pre-heading: var(--base-3);
    --panel-display: var(--base-10);
    --panel-headline: var(--base-10);
    --panel-body: var(--base-10);
    --panel-utility: var(--base-10);
    --panel-pictograms: var(--base-10);
    --panel-stats: var(--base-10);
    --panel-quotes: var(--base-10);
    --panel-border-weight: 1;
    --panel-border-colour: var(--dark-10);
    --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(--secondary-1-500);
    --card-background-blur: var(--nil);
    --card-pre-heading: var(--base-1);
    --card-title: var(--base-1);
    --card-body: var(--base-1);
    --card-pictograms: var(--base-1);
    --card-stats: var(--base-1);
    --card-utility: var(--base-1);
    --card-border-weight: 0;
    --card-border-colour: var(--dark-10);
    --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(--secondary-1-500);
    --card-hover-fg: var(--base-1);
    --card-hover-border: var(--dark-25);
    --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(--base-1);
    --card-active-fg: var(--base-10);
    --card-active-border: var(--dark-10);
    --ui-accordions-gap: var(--sm-2);
    --ui-action-buttons-bg: var(--base-1);
    --ui-back-to-top-bg: var(--primary-1-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(--base-1);
    --ui-tables-cell-bg: var(--base-10);
    --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(--light-75);
    --ui-breadcrumb-arrow: var(--light-75);
    --ui-breadcrumb-gap: var(--xs-1);
    --ui-breadcrumb-hover-text: var(--base-10);
    --ui-breadcrumb-active-text: var(--base-10);
    --ui-buttons-primary-bg: var(--express-button);
    --ui-buttons-primary-text: var(--express-button-foreground);
    --ui-buttons-primary-icon: var(--express-button-foreground);
    --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-3);
    --ui-buttons-primary-padding-top-bottom: var(--sm-3);
    --ui-buttons-primary-hover-bg: var(--primary-2-300);
    --ui-buttons-primary-hover-text: var(--base-1);
    --ui-buttons-primary-hover-icon: var(--base-1);
    --ui-buttons-primary-hover-border: var(--dark-transparent);
    --ui-buttons-secondary-bg: var(--primary-1-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: 1;
    --ui-buttons-secondary-border-radius: var(--radius-nil);
    --ui-buttons-secondary-padding-left-right: var(--sm-3);
    --ui-buttons-secondary-padding-top-bottom: var(--sm-3);
    --ui-buttons-secondary-hover-bg: var(--primary-1-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-1);
    --ui-buttons-link-icon: var(--base-1);
    --ui-buttons-link-hover-text: var(--primary-1-500);
    --ui-buttons-link-hover-icon: var(--primary-1-500);
    --ui-buttons-link-hover-text-darkbg: var(--light-75);
    --ui-buttons-link-hover-icon-darkbg: var(--light-75);
    --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(--base-3);
    --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(--base-1);
    --ui-accordions-item-body: var(--base-3);
    --ui-accordions-item-icons: var(--base-1);
    --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-6);
    --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(--primary-2-500);
    --ui-category-tags-bg: var(--dark-transparent);
    --ui-category-tags-text: var(--base-1);
    --ui-category-tags-border-colour: var(--dark-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(--base-10);
    --ui-category-tags-hover-text: var(--base-3);
    --ui-category-tags-hover-border: var(--base-3);
    --ui-images-image-radius: var(--radius-nil);
    --ui-input-input-field-input-label: var(--base-1);
    --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-input-input-field-label-field-gap: var(--radius-md);
    --ui-in-page-nav-item-bg: var(--dark-transparent);
    --ui-in-page-nav-gap: var(--nil);
    --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(--base-1);
    --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(--base-3);
    --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-3);
    --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-3);
    --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-25);
    --ui-pagination-carousel-lines-hover: var(--dark-50);
    --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(--base-3);
    --ui-input-input-field-icon: var(--base-3);
    --ui-input-input-field-border: var(--base-6);
    --ui-input-input-field-border-weight: 1;
    --ui-tables-divider: var(--base-6);
    --ui-tables-divider-weight: 1;
    --ui-tabs-gap: var(--nil);
    --ui-tables-table-radius: var(--radius-nil);
    --ui-tabs-bottom-gap: var(--sm-4);
    --ui-tabs-item-bg: var(--base-9);
    --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-50);
    --ui-tabs-item-border-weight: 1;
    --ui-input-input-field-hover-bg: var(--base-10);
    --ui-input-input-field-hover-text: var(--base-3);
    --ui-input-input-field-hover-icon: var(--base-3);
    --ui-input-input-field-hover-border: var(--base-1);
    --ui-input-input-field-active-bg: var(--base-10);
    --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(--base-1);
    --ui-input-input-field-disabled-bg: var(--base-8);
    --ui-input-input-field-disabled-text: var(--base-3);
    --ui-input-input-field-disabled-icon: var(--base-3);
    --ui-input-input-field-disabled-border: var(--base-6);
    --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(--base-2);
    --ui-tabs-item-hover-icon: var(--base-2);
    --ui-tabs-item-hover-border: var(--dark-transparent);
    --ui-tabs-item-active-bg: var(--dark-transparent);
    --ui-tabs-item-active-text: var(--base-1);
    --ui-tabs-item-active-icon: var(--base-1);
    --ui-tabs-item-active-border: var(--primary-2-500);
    --ui-tools-primary-panel-bkg: var(--primary-2-500);
    --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(--base-1);
    --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-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(--base-1);
    --ui-input-dropdown-items-hover-text: var(--base-1);
    --ui-input-dropdown-items-hover-bg: var(--dark-5);
    --ui-input-dropdown-items-active-text: var(--base-1);
    --ui-input-dropdown-items-active-bg: var(--base-10);
    --ui-input-dropdown-items-disabled-bg: var(--ui-input-dropdown-bg);
    --ui-input-dropdown-items-disabled-text: var(--base-6);
    --ui-input-dropdown-bg: var(--base-10);
    --ui-input-dropdown-border: var(--base-1);
    --ui-input-dropdown-border-weight: 0;
    --ui-input-dropdown-border-radius: var(--radius-nil);
    --ui-input-dropdown-shadow: var(--dark-10);
    --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-3);
    --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-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: IDX Sans;
    --express-body-font: IDX Sans;
    --express-title: var(--base-10);
    --express-body-primary: var(--base-8);
    --express-body-secondary: var(--base-6);
    --express-button: var(--primary-2-500);
    --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(--express-bkg-primary);
    --general-bg-secondary: var(--base-10);
    --general-section-dark: var(--base-1);
    --general-pre-heading: var(--express-highlights);
    --general-display: var(--base-10);
    --general-headline: var(--express-title);
    --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-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-1-100);
    --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(--primary-2-500);
    --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(--sm-3);
    --header-main-buttons-hover-bg: var(--primary-2-300);
    --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(--dark-transparent);
    --header-grad-overlay: true;
    --header-main-nav-border-radius: var(--radius-nil);
    --header-main-nav-hover-text: var(--base-10);
    --header-main-nav-hover-bg: var(--light-transparent);
    --header-main-nav-hover-underline: var(--light-75);
    --header-main-nav-hover-underline-weight: 1;
    --header-main-nav-active-text: var(--base-10);
    --header-main-nav-active-bg: var(--light-transparent);
    --header-main-nav-active-underline: var(--secondary-3-500);
    --header-main-nav-active-underline-weight: 1;
    --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-3);
    --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-1);
    --footer-divider: var(--base-8);
    --footer-divider-weight: 0.5;
    --header-logo-variant: Light;
    --footer-heading: var(--base-10);
    --footer-text: var(--base-10);
    --footer-link: var(--base-10);
    --footer-link-hover: var(--base-8);
    --footer-copyright: var(--base-10);
    --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(--primary-2-500);
    --panel-background-blur: var(--nil);
    --panel-pre-heading: var(--base-1);
    --panel-display: var(--base-1);
    --panel-headline: var(--base-1);
    --panel-body: var(--base-1);
    --panel-utility: var(--base-1);
    --panel-pictograms: var(--base-1);
    --panel-stats: var(--base-1);
    --panel-quotes: var(--base-1);
    --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-2-500);
    --card-background-blur: var(--nil);
    --card-pre-heading: var(--base-1);
    --card-title: var(--base-1);
    --card-body: var(--base-1);
    --card-pictograms: var(--base-1);
    --card-stats: var(--base-1);
    --card-utility: var(--base-1);
    --card-border-weight: 0;
    --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-2-500);
    --card-hover-fg: var(--base-1);
    --card-hover-border: var(--base-3);
    --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-2-500);
    --card-active-fg: var(--base-1);
    --card-active-border: var(--base-3);
    --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(--base-10);
    --ui-breadcrumb-active-text: var(--base-10);
    --ui-buttons-primary-bg: var(--express-button);
    --ui-buttons-primary-text: var(--express-button-foreground);
    --ui-buttons-primary-icon: var(--express-button-foreground);
    --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-3);
    --ui-buttons-primary-padding-top-bottom: var(--sm-3);
    --ui-buttons-primary-hover-bg: var(--primary-2-300);
    --ui-buttons-primary-hover-text: var(--base-1);
    --ui-buttons-primary-hover-icon: var(--base-1);
    --ui-buttons-primary-hover-border: var(--dark-transparent);
    --ui-buttons-secondary-bg: var(--primary-1-500);
    --ui-buttons-secondary-text: var(--base-10);
    --ui-buttons-secondary-icon: var(--base-10);
    --ui-buttons-secondary-border-colour: var(--light-transparent);
    --ui-buttons-secondary-border-weight: 1;
    --ui-buttons-secondary-border-radius: var(--radius-nil);
    --ui-buttons-secondary-padding-left-right: var(--sm-3);
    --ui-buttons-secondary-padding-top-bottom: var(--sm-3);
    --ui-buttons-secondary-hover-bg: var(--primary-1-100);
    --ui-buttons-secondary-hover-text: var(--base-1);
    --ui-buttons-secondary-hover-icon: var(--base-1);
    --ui-buttons-secondary-hover-border: var(--light-transparent);
    --ui-buttons-link-text: var(--base-1);
    --ui-buttons-link-icon: var(--base-1);
    --ui-buttons-link-hover-text: var(--primary-1-500);
    --ui-buttons-link-hover-icon: var(--primary-1-500);
    --ui-buttons-link-hover-text-darkbg: var(--light-75);
    --ui-buttons-link-hover-icon-darkbg: var(--light-75);
    --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(--dark-transparent);
    --ui-accordions-item-title: var(--base-10);
    --ui-accordions-item-body: var(--light-50);
    --ui-accordions-item-icons: var(--base-10);
    --ui-accordions-item-padding-left-right: var(--md-3);
    --ui-accordions-item-padding-top-bottom: var(--sm-1);
    --ui-accordions-item-border-colour: var(--light-50);
    --ui-accordions-item-border-weight: 1;
    --ui-accordions-item-border-radius: var(--radius-nil);
    --ui-accordions-item-hover-bg: var(--dark-transparent);
    --ui-accordions-item-hover-title: var(--base-10);
    --ui-accordions-item-hover-body: var(--light-50);
    --ui-accordions-item-hover-icon: var(--base-10);
    --ui-accordions-item-hover-border: var(--base-10);
    --ui-accordions-item-active-bg: var(--light-25);
    --ui-accordions-item-active-title: var(--base-10);
    --ui-accordions-item-active-body: var(--light-50);
    --ui-accordions-item-active-icon: var(--base-10);
    --ui-accordions-item-active-border: var(--primary-2-500);
    --ui-category-tags-bg: var(--dark-transparent);
    --ui-category-tags-text: var(--base-1);
    --ui-category-tags-border-colour: var(--dark-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-input-input-field-label-field-gap: var(--radius-md);
    --ui-in-page-nav-item-bg: var(--light-transparent);
    --ui-in-page-nav-gap: var(--nil);
    --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-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-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(--light-transparent);
    --ui-pagination-arrows-fill-icon: var(--base-8);
    --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-tabs-gap: var(--nil);
    --ui-tables-table-radius: var(--radius-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: 1;
    --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-nil);
    --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: IDX Sans;
    --express-body-font: IDX Sans;
    --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-seconday);
    --general-bg-secondary: var(--primary-2-500);
    --general-section-dark: var(--base-1);
    --general-pre-heading: var(--express-highlights);
    --general-display: var(--base-2);
    --general-headline: var(--base-1);
    --general-display-text-on-dark: var(--base-10);
    --general-headline-text-on-dark: var(--base-10);
    --general-body: var(--base-1);
    --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(--base-1);
    --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-1);
    --general-dividers: var(--dark-25);
    --general-focus-border: var(--primary-1-900);
    --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(--primary-2-500);
    --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(--sm-3);
    --header-main-buttons-hover-bg: var(--primary-2-300);
    --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-grad-overlay: true;
    --header-main-nav-border-radius: var(--radius-nil);
    --header-main-nav-hover-text: var(--base-1);
    --header-main-nav-hover-bg: var(--dark-transparent);
    --header-main-nav-hover-underline: var(--light-75);
    --header-main-nav-hover-underline-weight: 1;
    --header-main-nav-active-text: var(--base-1);
    --header-main-nav-active-bg: var(--dark-transparent);
    --header-main-nav-active-underline: var(--secondary-1-500);
    --header-main-nav-active-underline-weight: 1;
    --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-3);
    --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: 0.5;
    --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-8);
    --panel-background-blur: var(--nil);
    --panel-pre-heading: var(--base-1);
    --panel-display: var(--base-1);
    --panel-headline: var(--base-1);
    --panel-body: var(--base-1);
    --panel-utility: var(--base-3);
    --panel-pictograms: var(--base-3);
    --panel-stats: var(--base-1);
    --panel-quotes: var(--base-1);
    --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: 0;
    --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-500);
    --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(--base-1);
    --card-active-fg: var(--base-10);
    --card-active-border: var(--base-3);
    --ui-accordions-gap: var(--sm-2);
    --ui-action-buttons-bg: var(--base-10);
    --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-2-500);
    --ui-buttons-primary-text: var(--express-button-foreground);
    --ui-buttons-primary-icon: var(--express-button-foreground);
    --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-3);
    --ui-buttons-primary-padding-top-bottom: var(--sm-3);
    --ui-buttons-primary-hover-bg: var(--primary-2-300);
    --ui-buttons-primary-hover-text: var(--base-1);
    --ui-buttons-primary-hover-icon: var(--base-1);
    --ui-buttons-primary-hover-border: var(--dark-transparent);
    --ui-buttons-secondary-bg: var(--primary-1-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: 1;
    --ui-buttons-secondary-border-radius: var(--radius-nil);
    --ui-buttons-secondary-padding-left-right: var(--sm-3);
    --ui-buttons-secondary-padding-top-bottom: var(--sm-3);
    --ui-buttons-secondary-hover-bg: var(--primary-1-700);
    --ui-buttons-secondary-hover-text: var(--base-10);
    --ui-buttons-secondary-hover-icon: var(--base-10);
    --ui-buttons-secondary-hover-border: var(--base-10);
    --ui-buttons-link-text: var(--base-10);
    --ui-buttons-link-icon: var(--base-10);
    --ui-buttons-link-hover-text: var(--primary-1-500);
    --ui-buttons-link-hover-icon: var(--primary-1-500);
    --ui-buttons-link-hover-text-darkbg: var(--light-75);
    --ui-buttons-link-hover-icon-darkbg: var(--light-75);
    --ui-action-buttons-icon: var(--primary-2-500);
    --ui-action-buttons-border-colour: var(--dark-transparent);
    --ui-action-buttons-border-weight: 0;
    --ui-action-buttons-border-radius: var(--radius-xxl);
    --ui-action-buttons-padding: var(--xs-1);
    --ui-action-buttons-hover-bg: var(--base-2);
    --ui-action-buttons-hover-icon: var(--primary-2-500);
    --ui-action-buttons-hover-border: var(--dark-transparent);
    --ui-accordions-item-bg: var(--express-button);
    --ui-accordions-item-title: var(--base-1);
    --ui-accordions-item-body: var(--express-button-foreground);
    --ui-accordions-item-icons: var(--express-button-foreground);
    --ui-accordions-item-padding-left-right: var(--md-3);
    --ui-accordions-item-padding-top-bottom: var(--sm-1);
    --ui-accordions-item-border-colour: var(--dark-transparent);
    --ui-accordions-item-border-weight: 1;
    --ui-accordions-item-border-radius: var(--radius-xs);
    --ui-accordions-item-hover-bg: var(--base-6);
    --ui-accordions-item-hover-title: var(--base-1);
    --ui-accordions-item-hover-body: var(--express-button-foreground);
    --ui-accordions-item-hover-icon: var(--base-1);
    --ui-accordions-item-hover-border: var(--dark-transparent);
    --ui-accordions-item-active-bg: var(--base-6);
    --ui-accordions-item-active-title: var(--base-1);
    --ui-accordions-item-active-body: var(--express-button-foreground);
    --ui-accordions-item-active-icon: var(--base-1);
    --ui-accordions-item-active-border: var(--primary-2-500);
    --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-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-input-input-field-label-field-gap: var(--radius-md);
    --ui-in-page-nav-item-bg: var(--dark-transparent);
    --ui-in-page-nav-gap: var(--nil);
    --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-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-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-tabs-gap: var(--nil);
    --ui-tables-table-radius: var(--radius-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: 1;
    --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-nil);
    --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-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-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-nil);
    --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(180deg, var(--secondary-1-300) 0%, var(--secondary-2-300) 100%);
    --gradient-2: linear-gradient(90deg, var(--primary-3-300) 0%, var(--secondary-2-300) 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-family-titles: "Montserrat", sans-serif;
    --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;
  }
}


.theme-4 {
    --express-bkg-primary: var(--base-1);
    --express-bkg-seconday: var(--base-3);
    --express-title-font: IDX Sans;
    --express-body-font: IDX Sans;
    --express-title: var(--base-10);
    --express-body-primary: var(--base-8);
    --express-body-secondary: var(--base-6);
    --express-button: var(--primary-2-500);
    --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(--secondary-2-500);
    --general-bg-secondary: var(--base-10);
    --general-section-dark: var(--base-1);
    --general-pre-heading: var(--express-highlights);
    --general-display: var(--base-10);
    --general-headline: var(--express-title);
    --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-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-1-100);
    --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(--primary-2-500);
    --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(--sm-3);
    --header-main-buttons-hover-bg: var(--primary-2-300);
    --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(--dark-transparent);
    --header-grad-overlay: true;
    --header-main-nav-border-radius: var(--radius-nil);
    --header-main-nav-hover-text: var(--base-10);
    --header-main-nav-hover-bg: var(--light-transparent);
    --header-main-nav-hover-underline: var(--light-75);
    --header-main-nav-hover-underline-weight: 1;
    --header-main-nav-active-text: var(--base-10);
    --header-main-nav-active-bg: var(--light-transparent);
    --header-main-nav-active-underline: var(--secondary-3-500);
    --header-main-nav-active-underline-weight: 1;
    --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-3);
    --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-1);
    --footer-divider: var(--base-8);
    --footer-divider-weight: 0.5;
    --header-logo-variant: Light;
    --footer-heading: var(--base-10);
    --footer-text: var(--base-10);
    --footer-link: var(--base-10);
    --footer-link-hover: var(--base-6);
    --footer-copyright: var(--base-10);
    --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(--primary-2-500);
    --panel-background-blur: var(--nil);
    --panel-pre-heading: var(--base-1);
    --panel-display: var(--base-1);
    --panel-headline: var(--base-1);
    --panel-body: var(--base-1);
    --panel-utility: var(--base-1);
    --panel-pictograms: var(--base-1);
    --panel-stats: var(--base-1);
    --panel-quotes: var(--base-1);
    --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-2-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: 0;
    --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(--secondary-2-500);
    --card-hover-fg: var(--base-10);
    --card-hover-border: var(--base-3);
    --card-bg-hover: var(--base-10);
    --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-1);
    --card-active-border: var(--base-3);
    --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(--base-10);
    --ui-breadcrumb-active-text: var(--base-10);
    --ui-buttons-primary-bg: var(--express-button);
    --ui-buttons-primary-text: var(--express-button-foreground);
    --ui-buttons-primary-icon: var(--express-button-foreground);
    --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-3);
    --ui-buttons-primary-padding-top-bottom: var(--sm-3);
    --ui-buttons-primary-hover-bg: var(--primary-2-300);
    --ui-buttons-primary-hover-text: var(--base-1);
    --ui-buttons-primary-hover-icon: var(--base-1);
    --ui-buttons-primary-hover-border: var(--dark-transparent);
    --ui-buttons-secondary-bg: var(--primary-1-500);
    --ui-buttons-secondary-text: var(--base-10);
    --ui-buttons-secondary-icon: var(--base-10);
    --ui-buttons-secondary-border-colour: var(--light-transparent);
    --ui-buttons-secondary-border-weight: 1;
    --ui-buttons-secondary-border-radius: var(--radius-nil);
    --ui-buttons-secondary-padding-left-right: var(--sm-3);
    --ui-buttons-secondary-padding-top-bottom: var(--sm-3);
    --ui-buttons-secondary-hover-bg: var(--primary-1-100);
    --ui-buttons-secondary-hover-text: var(--base-1);
    --ui-buttons-secondary-hover-icon: var(--base-1);
    --ui-buttons-secondary-hover-border: var(--light-transparent);
    --ui-buttons-link-text: var(--base-10);
    --ui-buttons-link-icon: var(--base-10);
    --ui-buttons-link-hover-text: var(--base-10);
    --ui-buttons-link-hover-icon: var(--base-10);
    --ui-buttons-link-hover-text-darkbg: var(--light-75);
    --ui-buttons-link-hover-icon-darkbg: var(--light-75);
    --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(--dark-transparent);
    --ui-accordions-item-title: var(--base-10);
    --ui-accordions-item-body: var(--light-50);
    --ui-accordions-item-icons: var(--base-10);
    --ui-accordions-item-padding-left-right: var(--md-3);
    --ui-accordions-item-padding-top-bottom: var(--sm-1);
    --ui-accordions-item-border-colour: var(--light-50);
    --ui-accordions-item-border-weight: 1;
    --ui-accordions-item-border-radius: var(--radius-nil);
    --ui-accordions-item-hover-bg: var(--dark-transparent);
    --ui-accordions-item-hover-title: var(--base-10);
    --ui-accordions-item-hover-body: var(--light-50);
    --ui-accordions-item-hover-icon: var(--base-10);
    --ui-accordions-item-hover-border: var(--base-10);
    --ui-accordions-item-active-bg: var(--light-25);
    --ui-accordions-item-active-title: var(--base-10);
    --ui-accordions-item-active-body: var(--light-50);
    --ui-accordions-item-active-icon: var(--base-10);
    --ui-accordions-item-active-border: var(--primary-2-500);
    --ui-category-tags-bg: var(--dark-transparent);
    --ui-category-tags-text: var(--base-1);
    --ui-category-tags-border-colour: var(--dark-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-input-input-field-label-field-gap: var(--radius-md);
    --ui-in-page-nav-item-bg: var(--light-transparent);
    --ui-in-page-nav-gap: var(--nil);
    --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-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-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(--light-transparent);
    --ui-pagination-arrows-fill-icon: var(--base-8);
    --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-tabs-gap: var(--nil);
    --ui-tables-table-radius: var(--radius-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: 1;
    --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-nil);
    --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);
  }