/* 2-semantic-colour */ :root { /* light-mode */ /* color */ --box-shadow: var(--core-translucent-black-200); --background-brand-accent-dark: var(--brand1-secondary-600); --background-brand-accent-default: var(--brand1-secondary-400); --background-brand-accent-light: var(--brand1-secondary-50); --background-brand-disabled-default: var(--brand1-slanted-neutral-300); --background-brand-focus-default: var(--core-neutral-0); --background-brand-interactive-hover: var(--brand1-translucent-700); --background-brand-interactive-initial: var(--brand1-translucent-1000); --background-brand-interactive-pressed-active: var(--brand1-translucent-700); --background-brand-neutral-2xdark: var(--brand1-slanted-neutral-1000); --background-brand-neutral-dark: var(--brand1-slanted-neutral-700); --background-brand-neutral-default: var(--brand1-slanted-neutral-500); --background-brand-neutral-light: var(--brand1-slanted-neutral-400); --background-brand-neutral-xdark: var(--brand1-slanted-neutral-900); --background-brand-neutral-xlight: var(--brand1-slanted-neutral-100); --background-brand-primary-dark: var(--brand1-primary-600); --background-brand-primary-default: var(--brand1-primary-400); --background-brand-primary-light: var(--brand1-primary-50); --background-brand-secondary-dark: var(--brand1-slanted-neutral-700); --background-brand-secondary-default: var(--brand1-slanted-neutral-500); --background-brand-secondary-light: var(--brand1-slanted-neutral-100); --background-brand-translucent-dark: var(--brand1-translucent-400); --background-brand-translucent-default: var(--brand1-translucent-300); --background-brand-translucent-light: var(--brand1-translucent-200); --background-brand-translucent-transparent: var(--brand1-translucent-0); --background-brand-translucent-xdark: var(--brand1-translucent-500); --background-brand-translucent-xlight: var(--brand1-translucent-100); --background-surface-default: var(--core-neutral-100); --background-surface-overlay: var(--core-neutral-100); --background-surface-raised: var(--core-neutral-100); --background-surface-sunken: var(--core-neutral-200); --background-universal-alert-dark: var(--core-utility-yellow-500); --background-universal-alert-default: var(--core-utility-yellow-400); --background-universal-alert-light: var(--core-utility-yellow-300); --background-universal-destructive-dark: var(--core-utility-red-500); --background-universal-destructive-default: var(--core-utility-red-400); --background-universal-destructive-light: var(--core-utility-red-300); --background-universal-information-dark: var(--core-utility-blue-500); --background-universal-information-default: var(--core-utility-blue-400); --background-universal-information-light: var(--core-utility-blue-300); --background-universal-neutral-dark: var(--core-neutral-300); --background-universal-neutral-default: var(--core-neutral-200); --background-universal-neutral-light: var(--core-neutral-100); --background-universal-neutral-xdark: var(--core-neutral-400); --background-universal-neutral-xlight: var(--core-neutral-0); --background-universal-success-dark: var(--core-utility-green-500); --background-universal-success-default: var(--core-utility-green-400); --background-universal-success-light: var(--core-utility-green-300); --background-universal-translucent-dark-dark: var(--core-translucent-black-300); --background-universal-translucent-dark-default: var(--core-translucent-black-200); --background-universal-translucent-dark-light: var(--core-translucent-black-100); --background-universal-translucent-dark-transparent: var(--core-translucent-black-0); --background-universal-translucent-dark-xdark: var(--core-translucent-black-400); --background-universal-translucent-dark-xlight: var(--core-translucent-black-50); --background-universal-translucent-light-dark: var(--core-translucent-white-400); --background-universal-translucent-light-default: var(--core-translucent-white-300); --background-universal-translucent-light-light: var(--core-translucent-white-200); --background-universal-translucent-light-transparent: var(--core-translucent-white-0); --background-universal-translucent-light-xdark: var(--core-translucent-white-600); --background-universal-translucent-light-xlight: var(--core-translucent-white-100); --background-universal-warning-dark: var(--core-utility-orange-500); --background-universal-warning-default: var(--core-utility-orange-400); --background-universal-warning-light: var(--core-utility-orange-300); --border-accent: var(--brand1-secondary-500); --border-alert: var(--core-utility-yellow-500); --border-brand: var(--brand1-primary-400); --border-default: var(--brand1-slanted-neutral-500); --border-disabled: var(--brand1-slanted-neutral-500); --border-error: var(--core-utility-red-500); --border-focus-ring: var(--brand1-secondary-500); --border-information: var(--core-utility-blue-500); --border-on-inverse: var(--brand1-slanted-neutral-500); --border-subtle: var(--core-neutral-300); --border-success: var(--core-utility-green-500); --border-warning: var(--core-utility-orange-500); --border-interactive-secondary-disabled: var(--brand1-slanted-neutral-200); --border-interactive-secondary-hover: var(--brand1-slanted-neutral-600); --border-interactive-secondary-initial: var(--brand1-slanted-neutral-500); --border-interactive-secondary-pressed-active: var(--brand1-slanted-neutral-600); --border-interactive-standard-disabled: var(--brand1-primary-200); --border-interactive-standard-hover: var(--brand1-primary-300); --border-interactive-standard-initial: var(--brand1-primary-400); --border-interactive-standard-pressed-active: var(--brand1-primary-300); --content-icon-accent: var(--brand1-secondary-500); --content-icon-alert: var(--core-utility-yellow-600); --content-icon-brand: var(--brand1-primary-400); --content-icon-default: var(--brand1-slanted-neutral-600); --content-icon-destructive: var(--core-utility-red-600); --content-icon-disabled: var(--brand1-slanted-neutral-400); --content-icon-information: var(--core-utility-blue-600); --content-icon-neutral: var(--core-neutral-600); --content-icon-on-dark: var(--brand1-slanted-neutral-100); --content-icon-on-light: var(--brand1-slanted-neutral-1000); --content-icon-subtle: var(--brand1-slanted-neutral-200); --content-icon-success: var(--core-utility-green-600); --content-icon-warning: var(--core-utility-orange-600); --content-icon-interactive-secondary-disabled: var(--brand1-slanted-neutral-200); --content-icon-interactive-secondary-hover: var(--brand1-slanted-neutral-500); --content-icon-interactive-secondary-initial: var(--brand1-slanted-neutral-400); --content-icon-interactive-secondary-pressed-active: var(--brand1-slanted-neutral-600); --content-icon-interactive-standard-disabled: var(--brand1-primary-200); --content-icon-interactive-standard-hover: var(--brand1-primary-300); --content-icon-interactive-standard-initial: var(--brand1-primary-400); --content-icon-interactive-standard-pressed-active: var(--brand1-primary-300); --content-text-body-accent: var(--brand1-secondary-600); --content-text-body-alert: var(--core-utility-yellow-600); --content-text-body-brand: var(--brand1-primary-600); --content-text-body-default: var(--core-neutral-700); --content-text-body-destructive: var(--core-utility-red-600); --content-text-body-disabled: var(--brand1-slanted-neutral-200); --content-text-body-information: var(--core-utility-blue-600); --content-text-body-neutral: var(--core-neutral-600); --content-text-body-on-dark: var(--brand1-slanted-neutral-100); --content-text-body-on-light: var(--core-neutral-900); --content-text-body-subtle: var(--core-neutral-600); --content-text-body-success: var(--core-utility-green-600); --content-text-body-warning: var(--core-utility-orange-600); --content-text-headings-accent: var(--brand1-secondary-500); --content-text-headings-alert: var(--core-utility-yellow-600); --content-text-headings-brand: var(--brand1-primary-500); --content-text-headings-default: var(--brand1-slanted-neutral-600); --content-text-headings-destructive: var(--core-utility-red-600); --content-text-headings-disabled: var(--brand1-slanted-neutral-200); --content-text-headings-information: var(--core-utility-blue-500); --content-text-headings-neutral: var(--core-neutral-600); --content-text-headings-on-dark: var(--brand1-slanted-neutral-0); --content-text-headings-on-light: var(--core-neutral-900); --content-text-headings-subtle: var(--core-neutral-800); --content-text-headings-success: var(--core-utility-green-500); --content-text-headings-warning: var(--core-utility-orange-600); --content-text-interactive-secondary-disabled: var(--brand1-slanted-neutral-200); --content-text-interactive-secondary-hover: var(--brand1-slanted-neutral-600); --content-text-interactive-secondary-initial: var(--brand1-slanted-neutral-500); --content-text-interactive-secondary-pressed-active: var(--brand1-slanted-neutral-600); --content-text-interactive-standard-disabled: var(--brand1-primary-200); --content-text-interactive-standard-hover: var(--brand1-primary-300); --content-text-interactive-standard-initial: var(--brand1-primary-400); --content-text-interactive-standard-pressed-active: var(--brand1-primary-300); /* string */ --theme-string: light; } /* 3-component */ :root { /* light-mode */ /* color */ --button-destructive-colour-background-disabled: var(--core-utility-red-300); --button-destructive-colour-background-hover: var(--core-utility-red-400); --button-destructive-colour-background-initial: var(--core-utility-red-500); --button-destructive-colour-background-pressed-active: var(--core-utility-red-400); --button-destructive-colour-border-disabled: var(--core-utility-red-700); --button-destructive-colour-border-hover: var(--core-utility-red-300); --button-destructive-colour-border-initial: var(--core-utility-red-300); --button-destructive-colour-border-pressed-active: var(--core-utility-red-300); --button-destructive-colour-content-icon-disabled: var(--core-utility-red-400); --button-destructive-colour-content-icon-hover: var(--core-utility-red-300); --button-destructive-colour-content-icon-initial: var(--core-utility-red-300); --button-destructive-colour-content-icon-pressed-active: var(--core-utility-red-300); --button-destructive-colour-content-text-disabled: var(--core-utility-red-400); --button-destructive-colour-content-text-hover: var(--core-neutral-0); --button-destructive-colour-content-text-initial: var(--core-neutral-0); --button-destructive-colour-content-text-pressed-active: var(--core-neutral-0); --button-funds-colour-background-disabled: var(--brand1-secondary-200); --button-funds-colour-background-hover: var(--brand1-secondary-300); --button-funds-colour-background-initial: var(--brand1-secondary-400); --button-funds-colour-background-pressed-active: var(--brand1-secondary-300); --button-funds-colour-border-disabled: var(--brand1-secondary-600); --button-funds-colour-border-hover: var(--brand1-slanted-neutral-900); --button-funds-colour-border-initial: var(--brand1-slanted-neutral-900); --button-funds-colour-border-pressed-active: var(--brand1-slanted-neutral-900); --button-funds-colour-content-icon-disabled: var(--brand1-secondary-500); --button-funds-colour-content-icon-hover: var(--brand1-slanted-neutral-900); --button-funds-colour-content-icon-initial: var(--brand1-slanted-neutral-900); --button-funds-colour-content-icon-pressed-active: var(--brand1-slanted-neutral-900); --button-funds-colour-content-text-disabled: var(--brand1-secondary-500); --button-funds-colour-content-text-hover: var(--brand1-slanted-neutral-900); --button-funds-colour-content-text-initial: var(--brand1-slanted-neutral-900); --button-funds-colour-content-text-pressed-active: var(--brand1-slanted-neutral-900); --button-general-translucent-background-disabled: var(--core-translucent-white-600); --button-general-translucent-background-hover: var(--core-translucent-white-100); --button-general-translucent-background-initial: var(--core-translucent-white-0); --button-general-translucent-background-pressed-active: var(--core-translucent-white-100); --button-neutral-colour-background-disabled: var(--brand1-slanted-neutral-300); --button-neutral-colour-background-hover: var(--brand1-slanted-neutral-200); --button-neutral-colour-background-initial: var(--brand1-slanted-neutral-100); --button-neutral-colour-background-pressed-active: var(--brand1-slanted-neutral-200); --button-neutral-colour-border-disabled: var(--core-neutral-600); --button-neutral-colour-border-hover: var(--core-neutral-900); --button-neutral-colour-border-initial: var(--core-neutral-900); --button-neutral-colour-border-pressed-active: var(--core-neutral-900); --button-neutral-colour-content-icon-disabled: var(--brand1-slanted-neutral-600); --button-neutral-colour-content-icon-hover: var(--core-neutral-900); --button-neutral-colour-content-icon-initial: var(--core-neutral-900); --button-neutral-colour-content-icon-pressed-active: var(--core-neutral-900); --button-neutral-colour-content-text-disabled: var(--brand1-slanted-neutral-600); --button-neutral-colour-content-text-hover: var(--core-neutral-900); --button-neutral-colour-content-text-initial: var(--core-neutral-900); --button-neutral-colour-content-text-pressed-active: var(--core-neutral-900); --button-processes-colour-background-disabled: var(--brand1-slanted-neutral-300); --button-processes-colour-background-hover: var(--brand1-slanted-neutral-400); --button-processes-colour-background-initial: var(--brand1-slanted-neutral-500); --button-processes-colour-background-pressed-active: var(--brand1-slanted-neutral-400); --button-processes-colour-border-disabled: var(--brand1-slanted-neutral-500); --button-processes-colour-border-hover: var(--brand1-slanted-neutral-100); --button-processes-colour-border-initial: var(--brand1-slanted-neutral-100); --button-processes-colour-border-pressed-active: var(--brand1-slanted-neutral-100); --button-processes-colour-content-icon-disabled: var(--brand1-slanted-neutral-600); --button-processes-colour-content-icon-hover: var(--brand1-slanted-neutral-100); --button-processes-colour-content-icon-initial: var(--brand1-slanted-neutral-100); --button-processes-colour-content-icon-pressed-active: var(--brand1-slanted-neutral-100); --button-processes-colour-content-text-disabled: var(--brand1-slanted-neutral-600); --button-processes-colour-content-text-hover: var(--brand1-slanted-neutral-100); --button-processes-colour-content-text-initial: var(--brand1-slanted-neutral-100); --button-processes-colour-content-text-pressed-active: var(--brand1-slanted-neutral-100); --button-standard-colour-background-disabled: var(--brand1-primary-200); --button-standard-colour-background-hover: var(--brand1-primary-300); --button-standard-colour-background-initial: var(--brand1-primary-400); --button-standard-colour-background-pressed-active: var(--brand1-primary-300); --button-standard-colour-border-disabled: var(--brand1-slanted-neutral-500); --button-standard-colour-border-hover: var(--brand1-slanted-neutral-900); --button-standard-colour-border-initial: var(--brand1-slanted-neutral-900); --button-standard-colour-border-pressed-active: var(--brand1-slanted-neutral-900); --button-standard-colour-content-icon-disabled: var(--brand1-primary-500); --button-standard-colour-content-icon-hover: var(--brand1-slanted-neutral-900); --button-standard-colour-content-icon-initial: var(--brand1-slanted-neutral-900); --button-standard-colour-content-icon-pressed-active: var(--brand1-slanted-neutral-900); --button-standard-colour-content-text-disabled: var(--brand1-primary-500); --button-standard-colour-content-text-hover: var(--brand1-slanted-neutral-900); --button-standard-colour-content-text-initial: var(--brand1-slanted-neutral-900); --button-standard-colour-content-text-pressed-active: var(--brand1-slanted-neutral-900); --general-interactive-on-background-colour-background-disabled: var(--core-translucent-black-400); --general-interactive-on-background-colour-background-hover: var(--core-translucent-black-200); --general-interactive-on-background-colour-background-initial: var(--core-translucent-black-100); --general-interactive-on-background-colour-background-pressed-active: var(--core-translucent-white-600); --general-interactive-on-background-colour-border-disabled: var(--core-neutral-100); --general-interactive-on-background-colour-border-hover: var(--core-neutral-500); --general-interactive-on-background-colour-border-initial: var(--core-neutral-300); --general-interactive-on-background-colour-border-pressed-active: var(--core-neutral-900); --general-interactive-on-background-colour-content-icon-disabled: var(--core-neutral-600); --general-interactive-on-background-colour-content-icon-hover: var(--core-neutral-900); --general-interactive-on-background-colour-content-icon-initial: var(--core-neutral-800); --general-interactive-on-background-colour-content-icon-pressed-active: var(--core-neutral-900); --general-interactive-on-background-colour-content-text-disabled: var(--core-neutral-600); --general-interactive-on-background-colour-content-text-hover: var(--core-neutral-900); --general-interactive-on-background-colour-content-text-initial: var(--core-neutral-800); --general-interactive-on-background-colour-content-text-pressed-active: var(--core-neutral-900); --general-interactive-standalone-colour-border-disabled: var(--core-neutral-500); --general-interactive-standalone-colour-border-hover: var(--core-neutral-900); --general-interactive-standalone-colour-border-initial: var(--core-neutral-700); --general-interactive-standalone-colour-border-pressed-active: var(--core-neutral-900); --general-interactive-standalone-colour-content-icon-disabled: var(--core-neutral-500); --general-interactive-standalone-colour-content-icon-hover: var(--core-neutral-900); --general-interactive-standalone-colour-content-icon-initial: var(--core-neutral-700); --general-interactive-standalone-colour-content-icon-pressed-active: var(--core-neutral-900); --general-interactive-standalone-colour-content-text-disabled: var(--core-neutral-500); --general-interactive-standalone-colour-content-text-hover: var(--core-neutral-900); --general-interactive-standalone-colour-content-text-initial: var(--core-neutral-700); --general-interactive-standalone-colour-content-text-pressed-active: var(--core-neutral-900); --input-box-currency-switcher-colour-background-disabled: var(--brand1-slanted-neutral-400); --input-box-currency-switcher-colour-background-hover: var(--brand1-slanted-neutral-600); --input-box-currency-switcher-colour-background-initial: var(--brand1-slanted-neutral-500); --input-box-currency-switcher-colour-background-pressed-active: var(--brand1-slanted-neutral-600); --input-box-currency-switcher-colour-border-disabled: var(--brand1-slanted-neutral-300); --input-box-currency-switcher-colour-border-hover: var(--brand1-slanted-neutral-400); --input-box-currency-switcher-colour-border-initial: var(--brand1-slanted-neutral-400); --input-box-currency-switcher-colour-border-pressed-active: var(--brand1-slanted-neutral-400); --input-box-currency-switcher-colour-content-icon-disabled: var(--brand1-slanted-neutral-400); --input-box-currency-switcher-colour-content-icon-hover: var(--brand1-slanted-neutral-0); --input-box-currency-switcher-colour-content-icon-initial: var(--brand1-slanted-neutral-0); --input-box-currency-switcher-colour-content-icon-pressed-active: var(--brand1-slanted-neutral-0); --input-box-currency-switcher-colour-content-text-disabled: var(--brand1-slanted-neutral-400); --input-box-currency-switcher-colour-content-text-hover: var(--brand1-slanted-neutral-0); --input-box-currency-switcher-colour-content-text-initial: var(--brand1-slanted-neutral-0); --input-box-currency-switcher-colour-content-text-pressed-active: var(--brand1-slanted-neutral-0); --input-box-currency-switcher-colour-content-text-static: var(--brand1-slanted-neutral-0); --input-box-destructive-border-hover: var(--core-utility-red-500); --input-box-destructive-border-initial: var(--core-utility-red-400); --input-box-destructive-border-pressed-active: var(--core-utility-red-500); --input-box-destructive-content-icon-hover: var(--core-neutral-900); --input-box-destructive-content-icon-initial: var(--core-neutral-900); --input-box-destructive-content-icon-pressed-active: var(--core-neutral-900); --input-box-destructive-content-text-hover: var(--core-neutral-900); --input-box-destructive-content-text-initial: var(--core-neutral-900); --input-box-destructive-content-text-pressed-active: var(--core-neutral-900); --input-box-destructive-content-text-static: var(--core-utility-red-400); --input-box-standard-colour-background-disabled: var(--core-neutral-200); --input-box-standard-colour-background-hover: var(--core-neutral-200); --input-box-standard-colour-background-initial: var(--core-neutral-100); --input-box-standard-colour-background-pressed-active: var(--core-neutral-200); --input-box-standard-colour-border-disabled: var(--core-neutral-200); --input-box-standard-colour-border-hover: var(--core-neutral-400); --input-box-standard-colour-border-initial: var(--core-neutral-300); --input-box-standard-colour-border-pressed-active: var(--core-neutral-400); --input-box-standard-colour-content-icon-disabled: var(--core-neutral-400); --input-box-standard-colour-content-icon-hover: var(--core-neutral-800); --input-box-standard-colour-content-icon-initial: var(--core-neutral-900); --input-box-standard-colour-content-icon-pressed-active: var(--core-neutral-800); --input-box-standard-colour-content-text-disabled: var(--core-neutral-400); --input-box-standard-colour-content-text-hover: var(--core-neutral-900); --input-box-standard-colour-content-text-initial: var(--core-neutral-500); --input-box-standard-colour-content-text-pressed-active: var(--core-neutral-900); --input-box-standard-colour-content-text-static: var(--core-neutral-900); --link-colour-content-icon-disabled: var(--brand1-primary-500); --link-colour-content-icon-hover: var(--brand1-primary-500); --link-colour-content-icon-initial: var(--brand1-primary-400); --link-colour-content-icon-pressed-active: var(--brand1-primary-500); --link-colour-content-icon-visited: var(--brand1-slanted-neutral-700); --link-colour-content-text-disabled: var(--brand1-primary-500); --link-colour-content-text-hover: var(--brand1-primary-500); --link-colour-content-text-initial: var(--brand1-primary-400); --link-colour-content-text-pressed-active: var(--brand1-primary-500); --link-colour-content-text-visited: var(--brand1-slanted-neutral-700); --modal-overlay-colour-background-default: var(--background-universal-translucent-dark-dark); --nav-bar-colour-background-bottom: var(--brand1-slanted-neutral-600); --nav-bar-colour-background-side: var(--brand1-slanted-neutral-800); --nav-bar-colour-background-top: var(--brand1-slanted-neutral-700); --nav-bar-colour-content-icon-default: var(--brand1-slanted-neutral-100); --nav-subtab-disabled-colour-background-disabled: var(--brand1-slanted-neutral-900); --nav-subtab-disabled-colour-border-disabled: var(--brand1-slanted-neutral-600); --nav-subtab-disabled-colour-content-icon-disabled: var(--brand1-slanted-neutral-600); --nav-subtab-disabled-colour-content-text-disabled: var(--brand1-slanted-neutral-600); --nav-subtab-standard-colour-background-hover: var(--background-universal-translucent-dark-xlight); --nav-subtab-standard-colour-background-initial: var(--background-universal-translucent-dark-xlight); --nav-subtab-standard-colour-background-pressed-active: var(--background-universal-translucent-dark-default); --nav-subtab-standard-colour-border-hover: var(--brand1-slanted-neutral-500); --nav-subtab-standard-colour-border-initial: var(--brand1-slanted-neutral-800); --nav-subtab-standard-colour-border-pressed-active: var(--brand1-slanted-neutral-500); --nav-subtab-standard-colour-content-icon-hover: var(--brand1-slanted-neutral-100); --nav-subtab-standard-colour-content-icon-initial: var(--brand1-slanted-neutral-200); --nav-subtab-standard-colour-content-icon-pressed-active: var(--brand1-slanted-neutral-100); --nav-subtab-standard-colour-content-text-hover: var(--brand1-slanted-neutral-100); --nav-subtab-standard-colour-content-text-initial: var(--brand1-slanted-neutral-200); --nav-subtab-standard-colour-content-text-pressed-active: var(--brand1-slanted-neutral-100); --nav-switcher-colour-background-hover: var(--brand1-primary-400); --nav-switcher-colour-background-initial: var(--brand1-slanted-neutral-600); --nav-switcher-colour-background-pressed-active: var(--brand1-primary-400); --nav-switcher-colour-content-text-hover: var(--brand1-slanted-neutral-0); --nav-switcher-colour-content-text-initial: var(--brand1-slanted-neutral-0); --nav-switcher-colour-content-text-pressed-active: var(--brand1-slanted-neutral-0); --nav-tab-disabled-colour-background-disabled: var(--background-brand-translucent-xlight); --nav-tab-disabled-colour-border-disabled: var(--brand1-slanted-neutral-600); --nav-tab-disabled-colour-content-icon-disabled: var(--brand1-slanted-neutral-600); --nav-tab-disabled-colour-content-text-disabled: var(--brand1-slanted-neutral-600); --nav-tab-standard-colour-background-hover: var(--brand1-translucent-600); --nav-tab-standard-colour-background-initial: var(--brand1-translucent-300); --nav-tab-standard-colour-background-pressed-active: var(--brand1-translucent-600); --nav-tab-standard-colour-border-hover: var(--brand1-slanted-neutral-400); --nav-tab-standard-colour-border-initial: var(--brand1-slanted-neutral-600); --nav-tab-standard-colour-border-pressed-active: var(--brand1-slanted-neutral-400); --nav-tab-standard-colour-content-icon-hover: var(--brand1-slanted-neutral-100); --nav-tab-standard-colour-content-icon-initial: var(--brand1-slanted-neutral-200); --nav-tab-standard-colour-content-icon-pressed-active: var(--brand1-slanted-neutral-0); --nav-tab-standard-colour-content-text-hover: var(--brand1-slanted-neutral-100); --nav-tab-standard-colour-content-text-initial: var(--brand1-slanted-neutral-200); --nav-tab-standard-colour-content-text-pressed-active: var(--brand1-slanted-neutral-0); --provider-thumbnail-background-hover: var(--brand1-slanted-neutral-400); --provider-thumbnail-background-initial: var(--brand1-slanted-neutral-500); --provider-thumbnail-background-pressed-active: var(--brand1-slanted-neutral-400); --provider-thumbnail-content-icon-hover: var(--brand1-slanted-neutral-100); --provider-thumbnail-content-icon-initial: var(--brand1-slanted-neutral-100); --provider-thumbnail-content-icon-pressed-active: var(--brand1-slanted-neutral-100); --tab-group-colour-background-standard: var(--background-universal-translucent-dark-xlight); }