@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&family=Roboto&display=swap');

/* Generated Fresco site theme tokens. */
:root {
  --x-cl-base-bg: #FFFFFF;
  --x-cl-base-bg-muted: #F1EEE9;
  --x-cl-base-fg-default: #61615F;
  --x-cl-base-fg-primary: #002147;
  --x-cl-base-fg-link: #1D42A6;
  --x-cl-base-fg-accent: #1D42A6;
  --x-cl-base-bg-action: #1D42A6;
  --x-cl-base-fg-action: #FFFFFF;
  --x-cl-secondary-bg: #000000;
  --x-cl-secondary-bg-muted: #413F3E;
  --x-cl-secondary-fg-default: #F2F0F0;
  --x-cl-secondary-fg-primary: #F2F0F0;
  --x-cl-secondary-fg-link: #36D2F4;
  --x-cl-secondary-fg-accent: #36D2F4;
  --x-cl-secondary-bg-action: #97BDE8;
  --x-cl-secondary-fg-action: #002147;
  --x-cl-feature-bg: #002147;
  --x-cl-feature-fg-default: #F2F0F0;
  --x-cl-feature-fg-primary: #FFFFFF;
  --x-cl-feature-fg-action: #49B6FF;
  --x-cl-header-bg: #002147;
  --x-cl-header-fg-default: #FFFFFF;
  --x-cl-header-fg-accent: #49B6FF;
  --x-cl-header-ribbon-bg: #002147;
  --x-cl-header-ribbon-fg: #FFFFFF;
  --x-cl-footer-bg: #001124;
  --x-cl-footer-fg-default: #FFFFFF;
  --x-cl-footer-fg-accent: #49B6FF;
  --x-cl-footer-ribbon-bg: #002147;
  --x-cl-footer-ribbon-fg: #FFFFFF;
  --x-font-display-family: 'Noto Serif';
  --x-font-display-weight: 400;
  --x-font-body-family: Roboto;
  --x-font-body-weight: 400;
  --x-font-detail-family: Roboto;
  --x-font-detail-weight: 500;
  --header--basic--menu-area--font_weight: var(--x-font-body-weight);
  --header--department--main--menu--font_weight: var(--x-font-body-weight);
  --header--microsite--main--menu--font_weight: var(--x-font-body-weight);
  --banner-33-66--container--text-block--button--font_weight: var(--x-font-body-weight);
  --banner-50-50-image-left--button--font_weight: var(--x-font-body-weight);
  --banner-50-50-image-right--button--font_weight: var(--x-font-body-weight);
  --banner-66-33--button--font_weight: var(--x-font-body-weight);
  --banner-text-bottom--button--font_weight: var(--x-font-body-weight);
  --banner-text-middle--button--font_weight: var(--x-font-body-weight);
  --banner-text-middle-no-image--button--font_weight: var(--x-font-body-weight);
  --oxfcms-heading--h1--font_family: var(--x-font-display-family);
  --oxfcms-heading--h1--font_weight: var(--x-font-display-weight);
  --oxfcms-heading--h2--font_family: var(--x-font-display-family);
  --oxfcms-heading--h2--font_weight: var(--x-font-display-weight);
  --oxfcms-heading--h3--font_family: var(--x-font-display-family);
  --oxfcms-heading--h3--font_weight: var(--x-font-display-weight);
  --oxfcms-heading--h4--font_family: var(--x-font-display-family);
  --oxfcms-heading--h4--font_weight: var(--x-font-display-weight);
  --oxfcms-heading--h5--font_family: var(--x-font-display-family);
  --oxfcms-heading--h5--font_weight: var(--x-font-display-weight);
  --oxfcms-heading--h6--font_family: var(--x-font-display-family);
  --oxfcms-heading--h6--font_weight: var(--x-font-display-weight);
  --text--heading--h2--font_family: var(--x-font-display-family);
  --text--heading--h2--font_weight: var(--x-font-display-weight);
  --text--heading--h3--font_family: var(--x-font-display-family);
  --text--heading--h3--font_weight: var(--x-font-display-weight);
  --text--heading--h4--font_family: var(--x-font-display-family);
  --text--heading--h4--font_weight: var(--x-font-display-weight);
  --text--heading--h5--font_family: var(--x-font-display-family);
  --text--heading--h5--font_weight: var(--x-font-display-weight);
  --text--heading--h6--font_family: var(--x-font-display-family);
  --text--heading--h6--font_weight: var(--x-font-display-weight);
  --header--basic--site-title--font_family: var(--x-font-display-family);
  --header--basic--site-title--font_weight: var(--x-font-display-weight);
  --header--microsite--main--title--font_family: var(--x-font-display-family);
  --header--microsite--main--title--font_weight: var(--x-font-display-weight);
  --header--department--main--title--font_family: var(--x-font-display-family);
  --header--department--main--title--font_weight: var(--x-font-display-weight);
  --footer--basic--mid--font_family: var(--x-font-display-family);
  --footer--basic--mid--font_weight: var(--x-font-display-weight);
  --footer--basic--top--container--heading--font_family: var(--x-font-display-family);
  --footer--basic--top--container--heading--font_weight: var(--x-font-display-weight);
  --hero-page--title--font_family: var(--x-font-display-family);
  --hero-page--title--font_weight: var(--x-font-display-weight);
  --banner-33-66--container--text-block--heading--font_family: var(--x-font-display-family);
  --banner-33-66--container--text-block--heading--font_weight: var(--x-font-display-weight);
  --banner-50-50-image-left--text-block--heading--font_family: var(--x-font-display-family);
  --banner-50-50-image-left--text-block--heading--font_weight: var(--x-font-display-weight);
  --banner-50-50-image-right--text-block--heading--font_family: var(--x-font-display-family);
  --banner-50-50-image-right--text-block--heading--font_weight: var(--x-font-display-weight);
  --banner-66-33--text-block--heading--font_family: var(--x-font-display-family);
  --banner-66-33--text-block--heading--font_weight: var(--x-font-display-weight);
  --banner-text-bottom--text-block--heading--font_family: var(--x-font-display-family);
  --banner-text-bottom--text-block--heading--font_weight: var(--x-font-display-weight);
  --banner-text-middle--text-block--heading--font_family: var(--x-font-display-family);
  --banner-text-middle--text-block--heading--font_weight: var(--x-font-display-weight);
  --banner-text-middle-no-image--text-block--heading--font_family: var(--x-font-display-family);
  --banner-text-middle-no-image--text-block--heading--font_weight: var(--x-font-display-weight);
  --card-icon--title--font_family: var(--x-font-display-family);
  --card-icon--title--font_weight: var(--x-font-display-weight);
  --card-image--title--font_family: var(--x-font-display-family);
  --card-image--title--font_weight: var(--x-font-display-weight);
  --card-landscape-image--title--font_family: var(--x-font-display-family);
  --card-landscape-image--title--font_weight: var(--x-font-display-weight);
  --card-landscape-text-only--title--font_family: var(--x-font-display-family);
  --card-landscape-text-only--title--font_weight: var(--x-font-display-weight);
  --card-landscape-thumbnail--title--font_family: var(--x-font-display-family);
  --card-landscape-thumbnail--title--font_weight: var(--x-font-display-weight);
  --card-no-image--title--font_family: var(--x-font-display-family);
  --card-no-image--title--font_weight: var(--x-font-display-weight);
  --accordion--content--font_family: var(--x-font-body-family);
  --accordion--content--font_weight: var(--x-font-body-weight);
  --text--container--font_family: var(--x-font-body-family);
  --text--container--font_weight: var(--x-font-body-weight);
  --text--list--font_family: var(--x-font-body-family);
  --text--list--font_weight: var(--x-font-body-weight);
  --text--table--font_family: var(--x-font-body-family);
  --text--table--font_weight: var(--x-font-body-weight);
  --hero-page--text--font_family: var(--x-font-body-family);
  --hero-page--text--font_weight: var(--x-font-body-weight);
  --banner-33-66--container--text-block--text--font_family: var(--x-font-body-family);
  --banner-33-66--container--text-block--text--font_weight: var(--x-font-body-weight);
  --banner-50-50-image-left--text-block--text--font_family: var(--x-font-body-family);
  --banner-50-50-image-left--text-block--text--font_weight: var(--x-font-body-weight);
  --banner-50-50-image-right--text-block--text--font_family: var(--x-font-body-family);
  --banner-50-50-image-right--text-block--text--font_weight: var(--x-font-body-weight);
  --banner-66-33--text-block--text--font_family: var(--x-font-body-family);
  --banner-66-33--text-block--text--font_weight: var(--x-font-body-weight);
  --banner-text-bottom--text-block--text--font_family: var(--x-font-body-family);
  --banner-text-bottom--text-block--text--font_weight: var(--x-font-body-weight);
  --banner-text-middle--text-block--text--font_family: var(--x-font-body-family);
  --banner-text-middle--text-block--text--font_weight: var(--x-font-body-weight);
  --banner-text-middle-no-image--text-block--text--font_family: var(--x-font-body-family);
  --banner-text-middle-no-image--text-block--text--font_weight: var(--x-font-body-weight);
  --card-icon--text--font_family: var(--x-font-body-family);
  --card-icon--text--font_weight: var(--x-font-body-weight);
  --card-image--text--font_family: var(--x-font-body-family);
  --card-image--text--font_weight: var(--x-font-body-weight);
  --card-landscape-image--text--font_family: var(--x-font-body-family);
  --card-landscape-image--text--font_weight: var(--x-font-body-weight);
  --card-landscape-text-only--text--font_family: var(--x-font-body-family);
  --card-landscape-text-only--text--font_weight: var(--x-font-body-weight);
  --card-landscape-thumbnail--text--font_family: var(--x-font-body-family);
  --card-landscape-thumbnail--text--font_weight: var(--x-font-body-weight);
  --card-no-image--text--font_family: var(--x-font-body-family);
  --card-no-image--text--font_weight: var(--x-font-body-weight);
  --accordion--font_family: var(--x-font-detail-family);
  --accordion--font_weight: var(--x-font-detail-weight);
  --breadcrumb--font_family: var(--x-font-detail-family);
  --breadcrumb--font_weight: var(--x-font-detail-weight);
  --button--link--font_family: var(--x-font-detail-family);
  --button--link--font_weight: var(--x-font-detail-weight);
  --button--link--active--font_family: var(--x-font-detail-family);
  --button--link--active--font_weight: var(--x-font-detail-weight);
  --caption--text--font_family: var(--x-font-detail-family);
  --caption--text--font_weight: var(--x-font-detail-weight);
  --document--font_family: var(--x-font-detail-family);
  --document--font_weight: var(--x-font-detail-weight);
  --embed--overlay--font_family: var(--x-font-detail-family);
  --embed--overlay--font_weight: var(--x-font-detail-weight);
  --embed--overlay--button--font_family: var(--x-font-detail-family);
  --embed--overlay--button--font_weight: var(--x-font-detail-weight);
  --footer--basic--font_family: var(--x-font-detail-family);
  --footer--basic--font_weight: var(--x-font-detail-weight);
  --footer--basic--link--font_family: var(--x-font-detail-family);
  --footer--basic--link--font_weight: var(--x-font-detail-weight);
  --footer--basic--top--primary--button--font_family: var(--x-font-detail-family);
  --footer--basic--top--primary--button--font_weight: var(--x-font-detail-weight);
  --footer--basic--top--link--font_family: var(--x-font-detail-family);
  --footer--basic--top--link--font_weight: var(--x-font-detail-weight);
  --header--action-area--font_family: var(--x-font-detail-family);
  --header--action-area--font_weight: var(--x-font-detail-weight);
  --header--basic--action-area--font_family: var(--x-font-detail-family);
  --header--basic--action-area--font_weight: var(--x-font-detail-weight);
  --header--basic--breadcrumb--font_family: var(--x-font-detail-family);
  --header--basic--breadcrumb--font_weight: var(--x-font-detail-weight);
  --header--basic--menu-area--font_family: var(--x-font-detail-family);
  --header--basic--search--button--font_family: var(--x-font-detail-family);
  --header--basic--search--button--font_weight: var(--x-font-detail-weight);
  --header--basic--search--input--font_family: var(--x-font-detail-family);
  --header--basic--search--input--font_weight: var(--x-font-detail-weight);
  --header--basic--search--input--placeholder--font_family: var(--x-font-detail-family);
  --header--basic--search--input--placeholder--font_weight: var(--x-font-detail-weight);
  --header--basic--search--intro-text--font_family: var(--x-font-detail-family);
  --header--basic--search--intro-text--font_weight: var(--x-font-detail-weight);
  --header--basic--search--title--font_family: var(--x-font-detail-family);
  --header--basic--search--title--font_weight: var(--x-font-detail-weight);
  --header--department--main--menu--font_family: var(--x-font-detail-family);
  --header--department--breadcrumb--font_family: var(--x-font-detail-family);
  --header--department--breadcrumb--font_weight: var(--x-font-detail-weight);
  --header--department--search--button--font_family: var(--x-font-detail-family);
  --header--department--search--button--font_weight: var(--x-font-detail-weight);
  --header--department--search--input--font_family: var(--x-font-detail-family);
  --header--department--search--input--font_weight: var(--x-font-detail-weight);
  --header--department--search--input--placeholder--font_family: var(--x-font-detail-family);
  --header--department--search--input--placeholder--font_weight: var(--x-font-detail-weight);
  --header--department--search--intro-text--font_family: var(--x-font-detail-family);
  --header--department--search--intro-text--font_weight: var(--x-font-detail-weight);
  --header--department--search--title--font_family: var(--x-font-detail-family);
  --header--department--search--title--font_weight: var(--x-font-detail-weight);
  --header--department--top--quick-links--font_family: var(--x-font-detail-family);
  --header--department--top--quick-links--font_weight: var(--x-font-detail-weight);
  --header--microsite--main--menu--font_family: var(--x-font-detail-family);
  --header--microsite--breadcrumb--font_family: var(--x-font-detail-family);
  --header--microsite--breadcrumb--font_weight: var(--x-font-detail-weight);
  --header--microsite--search--button--font_family: var(--x-font-detail-family);
  --header--microsite--search--button--font_weight: var(--x-font-detail-weight);
  --header--microsite--search--input--font_family: var(--x-font-detail-family);
  --header--microsite--search--input--font_weight: var(--x-font-detail-weight);
  --header--microsite--search--input--placeholder--font_family: var(--x-font-detail-family);
  --header--microsite--search--input--placeholder--font_weight: var(--x-font-detail-weight);
  --header--microsite--search--intro-text--font_family: var(--x-font-detail-family);
  --header--microsite--search--intro-text--font_weight: var(--x-font-detail-weight);
  --header--microsite--search--title--font_family: var(--x-font-detail-family);
  --header--microsite--search--title--font_weight: var(--x-font-detail-weight);
  --header--microsite--top--quick-links--font_family: var(--x-font-detail-family);
  --header--microsite--top--quick-links--font_weight: var(--x-font-detail-weight);
  --hero-page--button--font_family: var(--x-font-detail-family);
  --hero-page--button--font_weight: var(--x-font-detail-weight);
  --hero-page--short-text--font_family: var(--x-font-detail-family);
  --hero-page--short-text--font_weight: var(--x-font-detail-weight);
  --icon--icon--text--font_family: var(--x-font-detail-family);
  --icon--icon--text--font_weight: var(--x-font-detail-weight);
  --listing--filter--font_family: var(--x-font-detail-family);
  --listing--filter--font_weight: var(--x-font-detail-weight);
  --listing--filter--tag--font_family: var(--x-font-detail-family);
  --listing--filter--tag--font_weight: var(--x-font-detail-weight);
  --media-gallery--lightbox--caption--text--font_family: var(--x-font-detail-family);
  --media-gallery--lightbox--caption--text--font_weight: var(--x-font-detail-weight);
  --menu--dropdown--droptray-item--font_family: var(--x-font-detail-family);
  --menu--dropdown--droptray-item--font_weight: var(--x-font-detail-weight);
  --menu--dropdown--mobile--quick-links--button--font_family: var(--x-font-detail-family);
  --menu--dropdown--mobile--quick-links--button--font_weight: var(--x-font-detail-weight);
  --metadata--data--font_family: var(--x-font-detail-family);
  --metadata--data--font_weight: var(--x-font-detail-weight);
  --metadata--data--social-link--font_family: var(--x-font-detail-family);
  --metadata--data--social-link--font_weight: var(--x-font-detail-weight);
  --metadata--data--taxonomy-term--font_family: var(--x-font-detail-family);
  --metadata--data--taxonomy-term--font_weight: var(--x-font-detail-weight);
  --metadata--prefix--font_family: var(--x-font-detail-family);
  --metadata--prefix--font_weight: var(--x-font-detail-weight);
  --metadata--style1--font_family: var(--x-font-detail-family);
  --metadata--style1--font_weight: var(--x-font-detail-weight);
  --metadata--style2--font_family: var(--x-font-detail-family);
  --metadata--style2--font_weight: var(--x-font-detail-weight);
  --oxfcms-tag--font_family: var(--x-font-detail-family);
  --oxfcms-tag--font_weight: var(--x-font-detail-weight);
  --plain-text--data--font_family: var(--x-font-detail-family);
  --plain-text--data--font_weight: var(--x-font-detail-weight);
  --taxonomy--label--font_family: var(--x-font-detail-family);
  --taxonomy--label--font_weight: var(--x-font-detail-weight);
  --taxonomy--tag--font_family: var(--x-font-detail-family);
  --taxonomy--tag--font_weight: var(--x-font-detail-weight);
  --text--caption--text--font_family: var(--x-font-detail-family);
  --text--caption--text--font_weight: var(--x-font-detail-weight);
  --text--link--font_family: var(--x-font-detail-family);
  --text--link--font_weight: var(--x-font-detail-weight);
  --video--overlay--font_family: var(--x-font-detail-family);
  --video--overlay--font_weight: var(--x-font-detail-weight);
  --video--overlay--button--font_family: var(--x-font-detail-family);
  --video--overlay--button--font_weight: var(--x-font-detail-weight);
  --banner-33-66--container--text-block--button--font_family: var(--x-font-detail-family);
  --banner-50-50-image-left--button--font_family: var(--x-font-detail-family);
  --banner-50-50-image-right--button--font_family: var(--x-font-detail-family);
  --banner-66-33--button--font_family: var(--x-font-detail-family);
  --banner-text-bottom--button--font_family: var(--x-font-detail-family);
  --banner-text-middle--button--font_family: var(--x-font-detail-family);
  --banner-text-middle-no-image--button--font_family: var(--x-font-detail-family);
  --card-icon--button--font_family: var(--x-font-detail-family);
  --card-icon--button--font_weight: var(--x-font-detail-weight);
  --card-icon--icon-tag--font_family: var(--x-font-detail-family);
  --card-icon--icon-tag--font_weight: var(--x-font-detail-weight);
  --card-icon--metadata--font_family: var(--x-font-detail-family);
  --card-icon--metadata--font_weight: var(--x-font-detail-weight);
  --card-image--button--font_family: var(--x-font-detail-family);
  --card-image--button--font_weight: var(--x-font-detail-weight);
  --card-image--image-tag--font_family: var(--x-font-detail-family);
  --card-image--image-tag--font_weight: var(--x-font-detail-weight);
  --card-image--metadata--font_family: var(--x-font-detail-family);
  --card-image--metadata--font_weight: var(--x-font-detail-weight);
  --card-landscape-image--button--font_family: var(--x-font-detail-family);
  --card-landscape-image--button--font_weight: var(--x-font-detail-weight);
  --card-landscape-image--button-active--font_family: var(--x-font-detail-family);
  --card-landscape-image--button-active--font_weight: var(--x-font-detail-weight);
  --card-landscape-image--metadata-1--font_family: var(--x-font-detail-family);
  --card-landscape-image--metadata-1--font_weight: var(--x-font-detail-weight);
  --card-landscape-image--metadata-2--font_family: var(--x-font-detail-family);
  --card-landscape-image--metadata-2--font_weight: var(--x-font-detail-weight);
  --card-landscape-text-only--button--font_family: var(--x-font-detail-family);
  --card-landscape-text-only--button--font_weight: var(--x-font-detail-weight);
  --card-landscape-text-only--button-active--font_family: var(--x-font-detail-family);
  --card-landscape-text-only--button-active--font_weight: var(--x-font-detail-weight);
  --card-landscape-text-only--metadata-1--font_family: var(--x-font-detail-family);
  --card-landscape-text-only--metadata-1--font_weight: var(--x-font-detail-weight);
  --card-landscape-text-only--metadata-2--font_family: var(--x-font-detail-family);
  --card-landscape-text-only--metadata-2--font_weight: var(--x-font-detail-weight);
  --card-landscape-thumbnail--button--font_family: var(--x-font-detail-family);
  --card-landscape-thumbnail--button--font_weight: var(--x-font-detail-weight);
  --card-landscape-thumbnail--button-active--font_family: var(--x-font-detail-family);
  --card-landscape-thumbnail--button-active--font_weight: var(--x-font-detail-weight);
  --card-landscape-thumbnail--metadata-1--font_family: var(--x-font-detail-family);
  --card-landscape-thumbnail--metadata-1--font_weight: var(--x-font-detail-weight);
  --card-landscape-thumbnail--metadata-2--font_family: var(--x-font-detail-family);
  --card-landscape-thumbnail--metadata-2--font_weight: var(--x-font-detail-weight);
  --card-no-image--button--font_family: var(--x-font-detail-family);
  --card-no-image--button--font_weight: var(--x-font-detail-weight);
  --card-no-image--metadata--font_family: var(--x-font-detail-family);
  --card-no-image--metadata--font_weight: var(--x-font-detail-weight);
  --card-no-image--tag--font_family: var(--x-font-detail-family);
  --card-no-image--tag--font_weight: var(--x-font-detail-weight);
  --card--container-colour_fg: var(--x-cl-base-fg-default);
  --card--container-text_colour: var(--x-cl-base-fg-default);
  --card--title-colour_bg: transparent;
  --card--image-tag--background_colour: var(--x-cl-base-bg-muted);
  --card--image-tag-text_colour: var(--x-cl-base-fg-default);
  --card-icon--container-colour_bg: transparent;
  --card-icon--container-colour_fg: var(--x-cl-base-fg-default);
  --card-icon--border_colour: var(--x-cl-base-bg-muted);
  --card-icon--text-area--border_colour: var(--x-cl-base-bg-muted);
  --card-icon--text_colour_bg: transparent;
  --card-icon--title-colour_bg: transparent;
  --card-icon--title-colour_fg: var(--x-cl-base-fg-primary);
  --card-icon--icon--colour_bg: var(--x-cl-base-bg-muted);
  --card-icon--icon--colour: var(--x-cl-base-fg-accent);
  --card-icon--icon--border_colour: var(--x-cl-base-bg-muted);
  --card-icon--icon-tag--colour_bg: var(--x-cl-base-bg-muted);
  --card-icon--icon-tag--colour_fg: var(--x-cl-base-fg-default);
  --card-icon--icon-tag--border_colour: var(--x-cl-base-bg-muted);
  --card-icon--button-icon--colour_fg: var(--x-cl-base-fg-action);
  --card-image--container--background_colour: transparent;
  --card-image--container-text_colour: var(--x-cl-base-fg-default);
  --card-image--border_colour: var(--x-cl-base-bg-muted);
  --card-image--image--border_colour: var(--x-cl-base-bg-muted);
  --card-image--text-area--border_colour: var(--x-cl-base-bg-muted);
  --card-image--title--text_colour: var(--x-cl-base-fg-primary);
  --card-image--image-tag--background_colour: var(--x-cl-base-bg-muted);
  --card-image--image-tag--text_colour: var(--x-cl-base-fg-default);
  --card-image--image-tag--border_colour: var(--x-cl-base-bg-muted);
  --card-image--button-icon--text_colour: var(--x-cl-base-fg-action);
  --card-no-image--container--background_colour: transparent;
  --card-no-image--container--border_colour: var(--x-cl-base-bg-muted);
  --card-no-image--title-text_colour: var(--x-cl-base-fg-primary);
  --card-no-image--tag--background_colour: var(--x-cl-base-bg-muted);
  --card-no-image--tag--text_colour: var(--x-cl-base-fg-default);
  --card-icon--metadata--background_colour: var(--x-cl-base-bg);
  --card-icon--metadata--text_colour: var(--x-cl-base-fg-default);
  --card-icon--metadata--taxonomy-label--text_colour: var(--x-cl-base-fg-default);
  --card-icon--metadata--taxonomy-term--background_colour: var(--x-cl-base-bg-muted);
  --card-image--metadata--background_colour: var(--x-cl-base-bg);
  --card-image--metadata--text_colour: var(--x-cl-base-fg-default);
  --card-image--metadata--taxonomy-label--text_colour: var(--x-cl-base-fg-default);
  --card-image--metadata--taxonomy-term--background_colour: var(--x-cl-base-bg-muted);
  --card-no-image--metadata--background_colour: var(--x-cl-base-bg);
  --card-no-image--metadata--text_colour: var(--x-cl-base-fg-default);
  --card-no-image--metadata--taxonomy-label--text_colour: var(--x-cl-base-fg-default);
  --card-no-image--metadata--taxonomy-term--background_colour: var(--x-cl-base-bg-muted);
  --card-landscape-image--container--background_colour: var(--x-cl-base-bg-muted);
  --card-landscape-image--container--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-image--container--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-image--image--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-image--text-area--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-image--metadata-1--background_colour: transparent;
  --card-landscape-image--metadata-1--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-image--metadata-1--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-image--metadata-2--background_colour: var(--x-cl-base-bg);
  --card-landscape-image--metadata-2--text_colour: var(--x-cl-base-fg-default);
  --card-landscape-image--metadata-2--border_colour: var(--x-cl-base-bg);
  --card-landscape-image--title--background_colour: transparent;
  --card-landscape-image--title--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-image--text--text_colour: var(--x-cl-base-fg-default);
  --card-landscape-text-only--container--background_colour: var(--x-cl-base-bg-muted);
  --card-landscape-text-only--container--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-text-only--container--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-text-only--image--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-text-only--text-area--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-text-only--metadata-1--background_colour: transparent;
  --card-landscape-text-only--metadata-1--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-text-only--metadata-1--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-text-only--metadata-2--background_colour: var(--x-cl-base-bg);
  --card-landscape-text-only--metadata-2--text_colour: var(--x-cl-base-fg-default);
  --card-landscape-text-only--metadata-2--border_colour: var(--x-cl-base-bg);
  --card-landscape-text-only--title--background_colour: transparent;
  --card-landscape-text-only--title--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-text-only--text--text_colour: var(--x-cl-base-fg-default);
  --card-landscape-thumbnail--container--background_colour: var(--x-cl-base-bg-muted);
  --card-landscape-thumbnail--container--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-thumbnail--container--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-thumbnail--image--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-thumbnail--text-area--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-thumbnail--metadata-1--background_colour: transparent;
  --card-landscape-thumbnail--metadata-1--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-thumbnail--metadata-1--border_colour: var(--x-cl-base-bg-muted);
  --card-landscape-thumbnail--metadata-2--background_colour: var(--x-cl-base-bg);
  --card-landscape-thumbnail--metadata-2--text_colour: var(--x-cl-base-fg-default);
  --card-landscape-thumbnail--metadata-2--border_colour: var(--x-cl-base-bg);
  --card-landscape-thumbnail--title--background_colour: transparent;
  --card-landscape-thumbnail--title--text_colour: var(--x-cl-base-fg-primary);
  --card-landscape-thumbnail--text--text_colour: var(--x-cl-base-fg-default);
  --card-icon--button--background_colour: var(--x-cl-base-bg-action);
  --card-icon--button--text_colour: var(--x-cl-base-fg-action);
  --card-icon--button--border_colour: var(--x-cl-base-bg-action);
  --card-image--button--background_colour: var(--x-cl-base-bg-action);
  --card-image--button--text_colour: var(--x-cl-base-fg-action);
  --card-image--button--border_colour: var(--x-cl-base-bg-action);
  --card-landscape-image--button--background_colour: var(--x-cl-base-bg-action);
  --card-landscape-image--button--text_colour: var(--x-cl-base-fg-action);
  --card-landscape-image--button--border_colour: var(--x-cl-base-bg-action);
  --card-landscape-text-only--button--background_colour: var(--x-cl-base-bg-action);
  --card-landscape-text-only--button--text_colour: var(--x-cl-base-fg-action);
  --card-landscape-text-only--button--border_colour: var(--x-cl-base-bg-action);
  --card-landscape-thumbnail--button--background_colour: var(--x-cl-base-bg-action);
  --card-landscape-thumbnail--button--text_colour: var(--x-cl-base-fg-action);
  --card-landscape-thumbnail--button--border_colour: var(--x-cl-base-bg-action);
  --card-no-image--button-background_colour: var(--x-cl-base-bg-action);
  --card-no-image--button-text_colour: var(--x-cl-base-fg-action);
  --card-image--button-active--background_colour: var(--x-cl-base-fg-action);
  --card-image--button-active--text_colour: var(--x-cl-base-bg-action);
  --card-image--button-active--border_colour: var(--x-cl-base-bg-action);
  --card-landscape-image--button-active--background_colour: var(--x-cl-base-fg-action);
  --card-landscape-image--button-active--text_colour: var(--x-cl-base-bg-action);
  --card-landscape-image--button-active--border_colour: var(--x-cl-base-bg-action);
  --card-landscape-text-only--button-active--background_colour: var(--x-cl-base-fg-action);
  --card-landscape-text-only--button-active--text_colour: var(--x-cl-base-bg-action);
  --card-landscape-text-only--button-active--border_colour: var(--x-cl-base-bg-action);
  --card-no-image--button-active--background_colour: var(--x-cl-base-fg-action);
  --card-no-image--button-active--text_colour: var(--x-cl-base-bg-action);
  --card-no-image--button-active--border_colour: var(--x-cl-base-bg-action);
  --card-icon--button--active--background_colour: var(--x-cl-base-fg-action);
  --card-icon--button--active--text_colour: var(--x-cl-base-bg-action);
  --card-icon--button--active--border_colour: var(--x-cl-base-bg-action);
  --card-landscape-thumbnail--button--active--background_colour: var(--x-cl-base-fg-action);
  --card-landscape-thumbnail--button--active--text_colour: var(--x-cl-base-bg-action);
  --card-landscape-thumbnail--button--active--border_colour: var(--x-cl-base-bg-action);
  --core--body-colour_background: var(--x-cl-base-bg);
  --core--body-colour_text: var(--x-cl-base-fg-default);
  --core--body-font_family: var(--x-font-body-family);
  --core--body-font_weight: var(--x-font-body-weight);
  --core--link-color: var(--x-cl-base-fg-link);
  --core--link-color-hover: var(--x-cl-base-fg-accent);
  --core--link-color-visited: var(--x-cl-base-fg-link);
  --text--container--text_colour: var(--x-cl-base-fg-default);
  --text--bold--text_colour: var(--x-cl-base-fg-default);
  --text--underline--text_colour: var(--x-cl-base-fg-default);
  --text--underline--background_colour: var(--x-cl-base-bg);
  --text--italic--text_colour: var(--x-cl-base-fg-default);
  --text--link--text_colour: var(--x-cl-base-fg-link);
  --text--list--text_colour: var(--x-cl-base-fg-default);
  --text--list--bullet_colour: var(--x-cl-base-fg-accent);
  --text--table--text_colour: var(--x-cl-base-fg-default);
  --text--table--background_colour: var(--x-cl-base-bg);
  --text--table--header_text_colour: var(--x-cl-base-fg-primary);
  --text--table--header_background_colour: var(--x-cl-base-bg-muted);
  --text--table--header_colour_text: var(--x-cl-base-fg-primary);
  --text--table--header_colour_background: var(--x-cl-base-bg-muted);
  --text--table--alternate_text_colour: var(--x-cl-base-fg-default);
  --text--table--alternate_background_colour: var(--x-cl-base-bg);
  --text--table--alternate_colour_background: var(--x-cl-base-bg);
  --text--table--border_colour: var(--x-cl-base-bg-muted);
  --text--heading--text_colour: var(--x-cl-base-fg-primary);
  --light_1: var(--x-cl-base-bg);
  --light_2: var(--x-cl-base-bg-muted);
  --light_3: var(--x-cl-base-bg-muted);
  --dark_1: var(--x-cl-feature-bg);
  --dark_2: var(--x-cl-header-bg);
  --dark_3: var(--x-cl-header-ribbon-bg);
  --light_accent: var(--x-cl-secondary-fg-accent);
  --dark_accent: var(--x-cl-base-fg-accent);
  --header--basic--background_colour: var(--x-cl-header-bg);
  --header--basic--site-title--text_colour: var(--x-cl-header-fg-default);
  --header--basic--action-area--background_colour: var(--x-cl-header-bg);
  --header--basic--action-area--text_colour: var(--x-cl-header-fg-default);
  --header--basic--action-area--border_colour: var(--x-cl-header-fg-default);
  --header--basic--action-area--icon--text_colour: var(--x-cl-header-fg-accent);
  --header--basic--menu-area--text_colour: var(--x-cl-header-fg-default);
  --header--basic--menu-area--border_colour: var(--x-cl-header-fg-default);
  --header--basic--search--background_colour: var(--x-cl-header-bg);
  --header--basic--search--icon--text_colour: var(--x-cl-header-fg-accent);
  --header--basic--search--title--text_colour: var(--x-cl-header-fg-default);
  --header--basic--search--intro-text--text_colour: var(--x-cl-header-fg-default);
  --header--basic--search--input--background_colour: var(--x-cl-base-bg);
  --header--basic--search--input--text_colour: var(--x-cl-base-fg-default);
  --header--basic--search--input--border_colour: var(--x-cl-base-bg);
  --header--basic--search--input--placeholder--text_colour: color-mix(in srgb, var(--x-cl-base-fg-default) 85%, transparent);
  --header--basic--search--button--background_colour: var(--x-cl-header-fg-accent);
  --header--basic--search--button--text_colour: var(--x-cl-header-bg);
  --header--basic--search--button--border_colour: var(--x-cl-header-fg-accent);
  --header--basic--search--button--active--background_colour: var(--x-cl-header-bg);
  --header--basic--search--button--active--text_colour: var(--x-cl-header-fg-accent);
  --header--basic--search--button--active--border_colour: var(--x-cl-header-fg-accent);
  --header--microsite--top--background_colour: var(--x-cl-header-ribbon-bg);
  --header--microsite--top--quick-links--text_colour: var(--x-cl-header-ribbon-fg);
  --header--microsite--main--background_colour: var(--x-cl-header-bg);
  --header--microsite--main--title--text_colour: var(--x-cl-header-fg-default);
  --header--microsite--main--menu--text_colour: var(--x-cl-header-fg-default);
  --header--microsite--main--menu--dropdown--droptray--item--icon--colour: var(--x-cl-header-fg-accent);
  --header--microsite--main--menu--dropdown--droptray--subitem--icon--colour: var(--x-cl-header-fg-accent);
  --header--microsite--search--background_colour: var(--x-cl-header-bg);
  --header--microsite--search--icon--text_colour: var(--x-cl-header-fg-accent);
  --header--microsite--search--title--text_colour: var(--x-cl-header-fg-default);
  --header--microsite--search--intro-text--text_colour: var(--x-cl-header-fg-default);
  --header--microsite--search--input--background_colour: var(--x-cl-base-bg);
  --header--microsite--search--input--text_colour: var(--x-cl-base-fg-default);
  --header--microsite--search--input--border_colour: var(--x-cl-base-bg);
  --header--microsite--search--input--placeholder--text_colour: color-mix(in srgb, var(--x-cl-base-fg-default) 85%, transparent);
  --header--microsite--search--button--background_colour: var(--x-cl-header-fg-accent);
  --header--microsite--search--button--text_colour: var(--x-cl-header-bg);
  --header--microsite--search--button--border_colour: var(--x-cl-header-fg-accent);
  --header--microsite--search--button--active--background_colour: var(--x-cl-header-bg);
  --header--microsite--search--button--active--text_colour: var(--x-cl-header-fg-accent);
  --header--microsite--search--button--active--border_colour: var(--x-cl-header-fg-accent);
  --header--department--top--background_colour: #002147;
  --header--department--top--quick-links--background_colour: transparent;
  --header--department--top--quick-links--text_colour: #ffffff;
  --header--department--main--background_colour: var(--x-cl-header-ribbon-bg);
  --header--department--main--title--text_colour: var(--x-cl-header-ribbon-fg);
  --header--department--main--menu--text_colour: var(--x-cl-header-ribbon-fg);
  --header--department--main--menu--dropdown--droptray--background_colour: var(--x-cl-header-ribbon-bg);
  --header--department--main--menu--dropdown--droptray--item--icon--colour: var(--x-cl-header-ribbon-fg);
  --header--department--main--menu--dropdown--droptray--subitem--icon--colour: var(--x-cl-header-ribbon-fg);
  --header--department--main--menu--dropdown--mobile--quick-links--text_colour: var(--x-cl-header-ribbon-fg);
  --header--department--search--background_colour: var(--x-cl-header-department-bg, var(--x-cl-header-bg));
  --header--department--search--icon--text_colour: var(--x-cl-header-department-fg, var(--x-cl-header-fg-default));
  --header--department--search--title--text_colour: var(--x-cl-header-department-fg, var(--x-cl-header-fg-default));
  --header--department--search--intro-text--text_colour: var(--x-cl-header-department-fg, var(--x-cl-header-fg-default));
  --header--department--search--input--background_colour: var(--x-cl-base-bg);
  --header--department--search--input--text_colour: var(--x-cl-base-fg-default);
  --header--department--search--input--border_colour: var(--x-cl-base-bg);
  --header--department--search--input--placeholder--text_colour: color-mix(in srgb, var(--x-cl-base-fg-default) 85%, transparent);
  --header--department--search--button--background_colour: var(--x-cl-header-fg-accent);
  --header--department--search--button--text_colour: var(--x-cl-header-bg);
  --header--department--search--button--border_colour: var(--x-cl-header-fg-accent);
  --header--department--search--button--active--background_colour: var(--x-cl-header-bg);
  --header--department--search--button--active--text_colour: var(--x-cl-header-fg-accent);
  --header--department--search--button--active--border_colour: var(--x-cl-header-fg-accent);
  --link-mega_menu_tray_background-color: var(--x-cl-header-bg);
  --link-link_background-color: var(--x-cl-header-bg);
  --link-link_text-color: var(--x-cl-header-fg-default);
  --link-link-active_background-color: var(--x-cl-header-fg-default);
  --link-link-active_text-color: var(--x-cl-header-bg);
  --link-mega_menu_tray_mobile_background-color: var(--x-cl-header-bg);
  --link-link_mobile_background-color: var(--x-cl-header-bg);
  --link-link_mobile_text-color: var(--x-cl-header-fg-default);
  --link-link-active_mobile_background-color: var(--x-cl-header-fg-default);
  --link-link-active_mobile_text-color: var(--x-cl-header-bg);
  --menu_mobile-trigger_background-color: var(--x-cl-header-bg);
  --menu_mobile-trigger_text-color: var(--x-cl-header-fg-default);
  --menu_mobile-trigger_active_background-color: var(--x-cl-header-fg-default);
  --menu_mobile-trigger_active_text-color: var(--x-cl-header-bg);
  --menu_mobile-home-button_background-color: var(--x-cl-header-bg);
  --menu_mobile-home-button_text-color: var(--x-cl-header-fg-default);
  --menu_mobile-home-button_active_background-color: var(--x-cl-header-fg-default);
  --menu_mobile-home-button_active_text-color: var(--x-cl-header-bg);
  --menu--dropdown--background_colour: var(--x-cl-header-bg);
  --menu--dropdown--mobile-trigger--text_colour: var(--x-cl-header-fg-default);
  --menu--dropdown--mobile--quick-links--background_colour: var(--x-cl-header-ribbon-bg);
  --menu--dropdown--mobile--quick-links--text_colour: var(--x-cl-header-ribbon-fg);
  --menu--dropdown--mobile--quick-links--button--text_colour: var(--x-cl-header-ribbon-fg);
  --menu--dropdown--mobile--quick-links--border_colour: var(--x-cl-header-ribbon-fg);
  --menu--dropdown--droptray--background_colour: var(--x-cl-header-bg);
  --menu--dropdown--droptray-item--text_colour: var(--x-cl-header-fg-default);
  --menu--dropdown--droptray-item--icon--text_colour: var(--x-cl-header-fg-accent);
  --menu--dropdown--icon--text_colour: var(--x-cl-header-fg-accent);
  --menu--dropdown--droptray--button--border_colour: var(--x-cl-header-fg-accent);
  --footer--basic--top--background_colour: var(--x-cl-footer-bg);
  --footer--basic--top--text_colour: var(--x-cl-footer-fg-default);
  --footer--basic--top--border_colour: color-mix(in srgb, var(--x-cl-footer-fg-default) 20%, transparent);
  --footer--basic--link--text_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--top--primary--link--text_colour: var(--x-cl-footer-fg-default);
  --footer--basic--top--list--marker_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--top--primary--button--background_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--top--primary--button--border_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--top--primary--button--text_colour: var(--x-cl-footer-bg);
  --footer--basic--top--primary--button--icon_colour: var(--x-cl-footer-bg);
  --footer--basic--top--primary--button--active--background_colour: var(--x-cl-footer-bg);
  --footer--basic--top--primary--button--active--border_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--top--primary--button--active--text_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--top--primary--button--active--icon_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--top--primary--button--icon--text_colour: var(--x-cl-footer-bg);
  --footer--basic--top--primary--icon--text_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--mid--text_colour: var(--x-cl-footer-fg-default);
  --footer--basic--mid--border_colour: color-mix(in srgb, var(--x-cl-footer-fg-default) 20%, transparent);
  --footer--basic--mid--social-media--icon--background_colour: var(--x-cl-footer-fg-accent);
  --footer--basic--mid--social-media--icon--text_colour: var(--x-cl-footer-bg);
  --footer--basic--bottom--background_colour: var(--x-cl-footer-ribbon-bg);
  --footer--basic--bottom--text_colour: var(--x-cl-footer-ribbon-fg);
  --powered-by--background_colour: var(--x-cl-base-bg);
  --powered-by--text_colour: var(--x-cl-base-fg-default);
  --oxfcms-heading--background_colour: var(--x-cl-base-bg);
  --oxfcms-heading--h1--text_colour: var(--x-cl-base-fg-primary);
  --oxfcms-heading--h2--text_colour: var(--x-cl-base-fg-primary);
  --oxfcms-heading--h3--text_colour: var(--x-cl-base-fg-primary);
  --oxfcms-heading--h4--text_colour: var(--x-cl-base-fg-primary);
  --oxfcms-heading--h5--text_colour: var(--x-cl-base-fg-primary);
  --oxfcms-heading--h6--text_colour: var(--x-cl-base-fg-primary);
  --button--link--background_colour: var(--x-cl-base-bg-action);
  --button--link--text_colour: var(--x-cl-base-fg-action);
  --button--link--border_colour: var(--x-cl-base-bg-action);
  --button--link--active--background_colour: var(--x-cl-base-fg-action);
  --button--link--active--text_colour: var(--x-cl-base-bg-action);
  --button--link--active--border_colour: var(--x-cl-base-bg-action);
  --button--chevron--colour: var(--x-cl-base-fg-action);
  --button--chevron--focus--colour: var(--x-cl-base-bg-action);
  --metadata--icon--text_colour: var(--x-cl-base-fg-accent);
  --metadata--prefix--text_colour: var(--x-cl-base-fg-primary);
  --metadata--data--text_colour: var(--x-cl-base-fg-default);
  --metadata--link--text_colour: var(--x-cl-base-fg-link);
  --metadata--list--marker_colour: var(--x-cl-base-fg-accent);
  --metadata--data--social-link--background_colour: var(--x-cl-base-bg-action);
  --metadata--data--social-link--text_colour: var(--x-cl-base-fg-action);
  --metadata--data--taxonomy-term--background_colour: var(--x-cl-base-bg-muted);
  --metadata--data--taxonomy-term--text_colour: var(--x-cl-base-fg-default);
  --metadata--style1--color: var(--x-cl-base-fg-primary);
  --metadata--style2--color: var(--x-cl-base-fg-default);
  --taxonomy--label--background_colour: var(--x-cl-base-bg-muted);
  --taxonomy--label--text_colour: var(--x-cl-base-fg-default);
  --taxonomy--label--border_colour: var(--x-cl-base-bg-muted);
  --taxonomy--tag--background_colour: var(--x-cl-base-bg-action);
  --taxonomy--tag--text_colour: var(--x-cl-base-fg-action);
  --taxonomy--tag--border_colour: var(--x-cl-base-bg-action);
  --listing--filter--background_colour: var(--x-cl-base-bg-action);
  --listing--filter--text_colour: var(--x-cl-base-fg-action);
  --listing--filter--hover--background_colour: oklch(from var(--x-cl-base-bg-action) calc(l * 0.8) c h);
  --listing--filter--dropdown--background_colour: var(--x-cl-base-bg);
  --listing--filter--dropdown--border_colour: color-mix(in srgb, var(--x-cl-base-fg-default) 20%, transparent);
  --listing--filter--dropdown--scroll-track_colour: color-mix(in srgb, var(--x-cl-base-fg-default) 16%, transparent);
  --listing--filter--dropdown--scroll-marker_colour: var(--x-cl-base-fg-primary);
  --listing--filter--option--text_colour: var(--x-cl-base-fg-default);
  --listing--filter--option--hover--background_colour: var(--x-cl-base-bg-muted);
  --listing--filter--option--hover--text_colour: var(--x-cl-base-fg-accent);
  --listing--filter--option--selected--background_colour: color-mix(in oklch shorter hue, var(--x-cl-base-fg-accent) 20%, var(--x-cl-base-bg) 100%);
  --listing--filter--option--selected--text_colour: var(--x-cl-base-fg-primary);
  --listing--filter--checkbox--border_colour: var(--x-cl-base-fg-accent);
  --listing--filter--checkbox--background_colour: var(--x-cl-base-bg);
  --listing--filter--checkbox--checked--background_colour: var(--x-cl-base-fg-accent);
  --listing--filter--checkbox--check_colour: var(--x-cl-base-bg);
  --listing--filter--tag--background_colour: var(--x-cl-base-bg-action);
  --listing--filter--tag--text_colour: var(--x-cl-base-fg-action);
  --listing--filter--apply--background_colour: var(--x-cl-base-bg-action);
  --listing--filter--apply--text_colour: var(--x-cl-base-fg-action);
  --listing--filter--icon--text_colour: var(--x-cl-base-fg-action);
  --daterange--colour--action: var(--x-cl-base-bg-action);
  --daterange--colour--action_text: var(--x-cl-base-fg-action);
  --daterange--colour--panel_background: var(--x-cl-base-bg);
  --daterange--colour--panel_text: var(--x-cl-base-fg-default);
  --daterange--colour--panel_heading: var(--x-cl-base-fg-primary);
  --daterange--colour--panel_muted: var(--x-cl-base-bg-muted);
  --daterange--colour--primary_hover: oklch(from var(--x-cl-base-bg-action) calc(l * 0.8) c h);
  --daterange--colour--border: color-mix(in srgb, var(--x-cl-base-fg-default) 20%, transparent);
  --daterange--dropdown--background_colour: var(--x-cl-base-bg);
  --daterange--dropdown--border_colour: color-mix(in srgb, var(--x-cl-base-fg-default) 20%, transparent);
  --tabs--tab-border_colour: var(--x-cl-base-bg-action);
  --tabs--tab-text: var(--x-cl-base-fg-primary);
  --tabs--active--tab-background: var(--x-cl-base-bg-action);
  --tabs--active--tab-border_colour: var(--x-cl-base-bg-action);
  --tabs--active--tab-text: var(--x-cl-base-fg-action);
  --tabs--content-border_colour: var(--x-cl-base-bg-action);
  --accordion--text-color: var(--x-cl-base-fg-primary);
  --accordion--border_colour: var(--x-cl-base-fg-default);
  --accordion--arrow-colour: var(--x-cl-base-fg-accent);
  --accordion--active--text-color: var(--x-cl-base-fg-primary);
  --accordion--active--border_colour: var(--x-cl-base-fg-default);
  --accordion--active--arrow-colour: var(--x-cl-base-fg-accent);
  --accordion--hover--underline_colour: var(--x-cl-base-fg-link);
  --media-gallery--caption--prefix--text_colour: var(--x-cl-base-fg-accent);
  --caption--background_colour: var(--x-cl-base-bg-muted);
  --caption--text--text_colour: var(--x-cl-base-fg-default);
  --caption--text--link--text_colour: var(--x-cl-base-fg-link);
  --caption--prefix--text_colour: var(--x-cl-base-fg-accent);
  --text--caption--background_colour: var(--x-cl-base-bg-muted);
  --text--caption--text_colour: var(--x-cl-base-fg-default);
  --text--caption--prefix--text_colour: var(--x-cl-base-fg-accent);
  --media-gallery--navigation--button--background_colour: var(--x-cl-base-bg-action);
  --media-gallery--navigation--button--text_colour: var(--x-cl-base-fg-action);
  --media-gallery--navigation--button--border_colour: var(--x-cl-base-bg-action);
  --document--text_colour: var(--x-cl-base-fg-default);
  --breadcrumb--text_colour: var(--x-cl-base-fg-default);
  --breadcrumb--link--text_colour: var(--x-cl-base-fg-default);
  --breadcrumb--current--text_colour: var(--x-cl-base-fg-primary);
  --breadcrumb--separator--text_colour: var(--x-cl-base-fg-default);
  --breadcrumb--link--underline_colour: var(--x-cl-base-fg-link);
  --breadcrumb--border_colour: var(--x-cl-base-bg-muted);
  --breadcrumb--home-item--background-color: transparent;
  --breadcrumb--home-item--color: var(--x-cl-base-fg-default);
  --icon--icon--text_colour: var(--x-cl-base-fg-accent);
  --plain-text--data--background_colour: var(--x-cl-base-bg);
  --plain-text--data--text_colour: var(--x-cl-base-fg-default);
  --quotation--small-image--quote--text_colour: var(--x-cl-base-fg-primary);
  --quotation--large-image--quote--text_colour: var(--x-cl-base-fg-primary);
  --quotation--no-image--quote--text_colour: var(--x-cl-base-fg-primary);
  --quotation--no-image--quote-mark--text_colour: var(--x-cl-base-fg-accent);
  --quotation--no-image--border_color: var(--x-cl-base-fg-accent);
  --quotation--small-image--border_color: var(--x-cl-base-fg-accent);
  --search-input-background-color: var(--x-cl-base-bg);
  --search-input-placeholder-color: var(--x-cl-base-fg-default);
  --search-input-text-color: var(--x-cl-base-fg-default);
  --search-button-background-color: var(--x-cl-base-bg-action);
  --search-button-color: var(--x-cl-base-fg-action);
  --search-button-hover-background-color: var(--x-cl-base-fg-action);
  --search-button-hover-color: var(--x-cl-base-bg-action);
  --search-button-text-color: var(--x-cl-base-fg-action);
  --search-excert-color: var(--x-cl-base-fg-default);
  --search-result-bg-color: var(--x-cl-base-bg-muted);
  --search-result-url-color: var(--x-cl-base-fg-link);
  --search-results--result--link--text_colour: var(--x-cl-base-fg-link);
  --search-results--no-results--suggestion--button--background_colour: var(--x-cl-base-bg-action);
  --search-results--no-results--suggestion--button--text_colour: var(--x-cl-base-fg-action);
  --pagination--pagination-container--border_colour: color-mix(in srgb, var(--x-cl-base-fg-default) 20%, transparent);
  --pagination--pagination--text_colour: var(--x-cl-base-fg-default);
  --pagination--pagination--border_colour: color-mix(in srgb, var(--x-cl-base-fg-default) 20%, transparent);
  --pagination--pagination-active--text_colour: var(--x-cl-base-fg-link);
  --pagination--pagination-active--border_colour: var(--x-cl-base-fg-link);
  --pagination--pagination-button--text_colour: var(--x-cl-base-fg-action);
  --pagination--pagination-button--background-colour: var(--x-cl-base-bg-action);
  --pagination--pagination-button--border_colour: var(--x-cl-base-bg-action);
  --pagination--pagination-button-active--text_colour: var(--x-cl-base-fg-action);
  --pagination--pagination-button-active--background_colour: var(--x-cl-base-bg-action);
  --pagination--pagination-button-active--border_colour: var(--x-cl-base-bg-action);
  --pagination--pagination-button-disabled--background-colour: var(--x-cl-base-bg-action);
  --slideshow--navigation--button--background_colour: var(--x-cl-base-bg-action);
  --slideshow--navigation--button--hover--background_colour: var(--x-cl-base-bg-action);
  --slideshow--navigation--button--border_colour: var(--x-cl-base-bg-action);
  --slideshow--navigation--button--hover--border_colour: var(--x-cl-base-bg-action);
  --slideshow--navigation--button--text_colour: var(--x-cl-base-fg-action);
  --slideshow--navigation--button--hover--text_colour: var(--x-cl-base-fg-action);
  --hero--theme--container--background_colour: var(--x-cl-feature-bg);
  --hero--theme--text_colour: var(--x-cl-feature-fg-default);
  --hero--theme--title_colour: var(--x-cl-feature-fg-primary);
  --hero--theme--accent_colour: var(--x-cl-feature-fg-action);
  --hero--theme--icon_colour: var(--x-cl-feature-fg-action);
  --hero--theme--taxonomy--accent_colour: var(--x-cl-feature-fg-primary);
  --hero--theme--divider--colour: var(--x-cl-feature-fg-primary);
  --hero-page--button--background_colour: var(--x-cl-feature-fg-action);
  --hero-page--button--border_colour: var(--x-cl-feature-fg-action);
  --hero-page--button--text_colour: var(--x-cl-feature-bg);
  --hero-page--button--chevron_colour: var(--x-cl-feature-bg);
  --hero-page--button--active--background_colour: var(--x-cl-feature-bg);
  --hero-page--button--active--text_colour: var(--x-cl-feature-fg-action);
  --hero-page--button--active--border_colour: var(--x-cl-feature-fg-action);
  --hero-page--button--active--chevron_colour: var(--x-cl-feature-fg-action);
  --banner-dark-color: var(--x-cl-feature-bg);
  --banner-light-color: var(--x-cl-feature-fg-default);
  --banner-heading-color: var(--x-cl-feature-fg-primary);
  --banner-accent-colour: var(--x-cl-feature-fg-action);
  --banner-66-33--container--background_colour: var(--x-cl-feature-bg);
  --banner-66-33--text-block--background_colour: var(--x-cl-feature-bg);
  --banner-66-33--button--text_colour: var(--x-cl-feature-bg);
  --banner-66-33--button--chevron_colour: var(--x-cl-feature-bg);
}

@supports (color: oklch(50% 0 0)) {
  :root {
    --x-cl-base-bg: oklch(100% 0 89.88);
    --x-cl-base-bg-muted: oklch(95.005% 0.0074 80.72);
    --x-cl-base-fg-default: oklch(49.195% 0.0031 106.51);
    --x-cl-base-fg-primary: oklch(25.046% 0.0808 254.42);
    --x-cl-base-fg-link: oklch(41.978% 0.1667 264.6);
    --x-cl-base-fg-accent: oklch(41.978% 0.1667 264.6);
    --x-cl-base-bg-action: oklch(41.978% 0.1667 264.6);
    --x-cl-base-fg-action: oklch(100% 0 89.88);
    --x-cl-secondary-bg: oklch(0% 0 0);
    --x-cl-secondary-bg-muted: oklch(36.93% 0.0032 48.64);
    --x-cl-secondary-fg-default: oklch(95.668% 0.0021 17.2);
    --x-cl-secondary-fg-primary: oklch(95.668% 0.0021 17.2);
    --x-cl-secondary-fg-link: oklch(80.003% 0.1314 216.53);
    --x-cl-secondary-fg-accent: oklch(80.003% 0.1314 216.53);
    --x-cl-secondary-bg-action: oklch(78.606% 0.074 251.87);
    --x-cl-secondary-fg-action: oklch(25.046% 0.0808 254.42);
    --x-cl-feature-bg: oklch(25.046% 0.0808 254.42);
    --x-cl-feature-fg-default: oklch(95.668% 0.0021 17.2);
    --x-cl-feature-fg-primary: oklch(100% 0 89.88);
    --x-cl-feature-fg-action: oklch(74.526% 0.1442 241.91);
    --x-cl-header-bg: oklch(25.046% 0.0808 254.42);
    --x-cl-header-fg-default: oklch(100% 0 89.88);
    --x-cl-header-fg-accent: oklch(74.526% 0.1442 241.91);
    --x-cl-header-ribbon-bg: oklch(25.046% 0.0808 254.42);
    --x-cl-header-ribbon-fg: oklch(100% 0 89.88);
    --x-cl-footer-bg: oklch(17.407% 0.0479 248.87);
    --x-cl-footer-fg-default: oklch(100% 0 89.88);
    --x-cl-footer-fg-accent: oklch(74.526% 0.1442 241.91);
    --x-cl-footer-ribbon-bg: oklch(25.046% 0.0808 254.42);
    --x-cl-footer-ribbon-fg: oklch(100% 0 89.88);
  }
}

.oxfcms-theme-context--secondary,
.oxfcms-section:has(> .layout--columns.oxfcms-theme-context--secondary) {
  --card--container-colour_fg: var(--x-cl-secondary-fg-default);
  --card--container-text_colour: var(--x-cl-secondary-fg-default);
  --card--title-colour_bg: transparent;
  --card--image-tag--background_colour: var(--x-cl-secondary-bg-muted);
  --card--image-tag-text_colour: var(--x-cl-secondary-fg-default);
  --card-icon--container-colour_bg: transparent;
  --card-icon--container-colour_fg: var(--x-cl-secondary-fg-default);
  --card-icon--border_colour: var(--x-cl-secondary-bg-muted);
  --card-icon--text-area--border_colour: var(--x-cl-secondary-bg-muted);
  --card-icon--text_colour_bg: transparent;
  --card-icon--title-colour_bg: transparent;
  --card-icon--title-colour_fg: var(--x-cl-secondary-fg-primary);
  --card-icon--icon--colour_bg: var(--x-cl-secondary-bg-muted);
  --card-icon--icon--colour: var(--x-cl-secondary-fg-accent);
  --card-icon--icon--border_colour: var(--x-cl-secondary-bg-muted);
  --card-icon--icon-tag--colour_bg: var(--x-cl-secondary-bg-muted);
  --card-icon--icon-tag--colour_fg: var(--x-cl-secondary-fg-default);
  --card-icon--icon-tag--border_colour: var(--x-cl-secondary-bg-muted);
  --card-icon--button-icon--colour_fg: var(--x-cl-secondary-fg-action);
  --card-image--container--background_colour: transparent;
  --card-image--container-text_colour: var(--x-cl-secondary-fg-default);
  --card-image--border_colour: var(--x-cl-secondary-bg-muted);
  --card-image--image--border_colour: var(--x-cl-secondary-bg-muted);
  --card-image--text-area--border_colour: var(--x-cl-secondary-bg-muted);
  --card-image--title--text_colour: var(--x-cl-secondary-fg-primary);
  --card-image--image-tag--background_colour: var(--x-cl-secondary-bg-muted);
  --card-image--image-tag--text_colour: var(--x-cl-secondary-fg-default);
  --card-image--image-tag--border_colour: var(--x-cl-secondary-bg-muted);
  --card-image--button-icon--text_colour: var(--x-cl-secondary-fg-action);
  --card-no-image--container--background_colour: transparent;
  --card-no-image--container--border_colour: var(--x-cl-secondary-bg-muted);
  --card-no-image--title-text_colour: var(--x-cl-secondary-fg-primary);
  --card-no-image--tag--background_colour: var(--x-cl-secondary-bg-muted);
  --card-no-image--tag--text_colour: var(--x-cl-secondary-fg-default);
  --card-icon--metadata--background_colour: var(--x-cl-secondary-bg-muted);
  --card-icon--metadata--text_colour: var(--x-cl-secondary-fg-default);
  --card-icon--metadata--taxonomy-label--text_colour: var(--x-cl-secondary-fg-default);
  --card-icon--metadata--taxonomy-term--background_colour: var(--x-cl-secondary-bg-muted);
  --card-image--metadata--background_colour: var(--x-cl-secondary-bg-muted);
  --card-image--metadata--text_colour: var(--x-cl-secondary-fg-default);
  --card-image--metadata--taxonomy-label--text_colour: var(--x-cl-secondary-fg-default);
  --card-image--metadata--taxonomy-term--background_colour: var(--x-cl-secondary-bg-muted);
  --card-no-image--metadata--background_colour: var(--x-cl-secondary-bg-muted);
  --card-no-image--metadata--text_colour: var(--x-cl-secondary-fg-default);
  --card-no-image--metadata--taxonomy-label--text_colour: var(--x-cl-secondary-fg-default);
  --card-no-image--metadata--taxonomy-term--background_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-image--container--background_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-image--container--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-image--container--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-image--image--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-image--text-area--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-image--metadata-1--background_colour: transparent;
  --card-landscape-image--metadata-1--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-image--metadata-1--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-image--metadata-2--background_colour: var(--x-cl-secondary-bg);
  --card-landscape-image--metadata-2--text_colour: var(--x-cl-secondary-fg-default);
  --card-landscape-image--metadata-2--border_colour: var(--x-cl-secondary-bg);
  --card-landscape-image--title--background_colour: transparent;
  --card-landscape-image--title--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-image--text--text_colour: var(--x-cl-secondary-fg-default);
  --card-landscape-text-only--container--background_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-text-only--container--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-text-only--container--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-text-only--image--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-text-only--text-area--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-text-only--metadata-1--background_colour: transparent;
  --card-landscape-text-only--metadata-1--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-text-only--metadata-1--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-text-only--metadata-2--background_colour: var(--x-cl-secondary-bg);
  --card-landscape-text-only--metadata-2--text_colour: var(--x-cl-secondary-fg-default);
  --card-landscape-text-only--metadata-2--border_colour: var(--x-cl-secondary-bg);
  --card-landscape-text-only--title--background_colour: transparent;
  --card-landscape-text-only--title--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-text-only--text--text_colour: var(--x-cl-secondary-fg-default);
  --card-landscape-thumbnail--container--background_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-thumbnail--container--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-thumbnail--container--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-thumbnail--image--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-thumbnail--text-area--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-thumbnail--metadata-1--background_colour: transparent;
  --card-landscape-thumbnail--metadata-1--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-thumbnail--metadata-1--border_colour: var(--x-cl-secondary-bg-muted);
  --card-landscape-thumbnail--metadata-2--background_colour: var(--x-cl-secondary-bg);
  --card-landscape-thumbnail--metadata-2--text_colour: var(--x-cl-secondary-fg-default);
  --card-landscape-thumbnail--metadata-2--border_colour: var(--x-cl-secondary-bg);
  --card-landscape-thumbnail--title--background_colour: transparent;
  --card-landscape-thumbnail--title--text_colour: var(--x-cl-secondary-fg-primary);
  --card-landscape-thumbnail--text--text_colour: var(--x-cl-secondary-fg-default);
  --card-icon--button--background_colour: var(--x-cl-secondary-bg-action);
  --card-icon--button--text_colour: var(--x-cl-secondary-fg-action);
  --card-icon--button--border_colour: var(--x-cl-secondary-bg-action);
  --card-image--button--background_colour: var(--x-cl-secondary-bg-action);
  --card-image--button--text_colour: var(--x-cl-secondary-fg-action);
  --card-image--button--border_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-image--button--background_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-image--button--text_colour: var(--x-cl-secondary-fg-action);
  --card-landscape-image--button--border_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-text-only--button--background_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-text-only--button--text_colour: var(--x-cl-secondary-fg-action);
  --card-landscape-text-only--button--border_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-thumbnail--button--background_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-thumbnail--button--text_colour: var(--x-cl-secondary-fg-action);
  --card-landscape-thumbnail--button--border_colour: var(--x-cl-secondary-bg-action);
  --card-no-image--button-background_colour: var(--x-cl-secondary-bg-action);
  --card-no-image--button-text_colour: var(--x-cl-secondary-fg-action);
  --card-image--button-active--background_colour: var(--x-cl-secondary-fg-action);
  --card-image--button-active--text_colour: var(--x-cl-secondary-bg-action);
  --card-image--button-active--border_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-image--button-active--background_colour: var(--x-cl-secondary-fg-action);
  --card-landscape-image--button-active--text_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-image--button-active--border_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-text-only--button-active--background_colour: var(--x-cl-secondary-fg-action);
  --card-landscape-text-only--button-active--text_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-text-only--button-active--border_colour: var(--x-cl-secondary-bg-action);
  --card-no-image--button-active--background_colour: var(--x-cl-secondary-fg-action);
  --card-no-image--button-active--text_colour: var(--x-cl-secondary-bg-action);
  --card-no-image--button-active--border_colour: var(--x-cl-secondary-bg-action);
  --card-icon--button--active--background_colour: var(--x-cl-secondary-fg-action);
  --card-icon--button--active--text_colour: var(--x-cl-secondary-bg-action);
  --card-icon--button--active--border_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-thumbnail--button--active--background_colour: var(--x-cl-secondary-fg-action);
  --card-landscape-thumbnail--button--active--text_colour: var(--x-cl-secondary-bg-action);
  --card-landscape-thumbnail--button--active--border_colour: var(--x-cl-secondary-bg-action);
  --core--body-colour_background: var(--x-cl-secondary-bg);
  --core--body-colour_text: var(--x-cl-secondary-fg-default);
  --core--link-color: var(--x-cl-secondary-fg-link);
  --core--link-color-hover: var(--x-cl-secondary-fg-accent);
  --core--link-color-visited: var(--x-cl-secondary-fg-link);
  --text--container--text_colour: var(--x-cl-secondary-fg-default);
  --text--bold--text_colour: var(--x-cl-secondary-fg-default);
  --text--underline--text_colour: var(--x-cl-secondary-fg-default);
  --text--underline--background_colour: var(--x-cl-secondary-bg);
  --text--italic--text_colour: var(--x-cl-secondary-fg-default);
  --text--link--text_colour: var(--x-cl-secondary-fg-link);
  --text--list--text_colour: var(--x-cl-secondary-fg-default);
  --text--list--bullet_colour: var(--x-cl-secondary-fg-accent);
  --text--table--text_colour: var(--x-cl-secondary-fg-default);
  --text--table--background_colour: var(--x-cl-secondary-bg);
  --text--table--header_text_colour: var(--x-cl-secondary-fg-primary);
  --text--table--header_background_colour: var(--x-cl-secondary-bg-muted);
  --text--table--header_colour_text: var(--x-cl-secondary-fg-primary);
  --text--table--header_colour_background: var(--x-cl-secondary-bg-muted);
  --text--table--alternate_text_colour: var(--x-cl-secondary-fg-default);
  --text--table--alternate_background_colour: var(--x-cl-secondary-bg);
  --text--table--alternate_colour_background: var(--x-cl-secondary-bg);
  --text--table--border_colour: var(--x-cl-secondary-bg-muted);
  --text--heading--text_colour: var(--x-cl-secondary-fg-primary);
  --oxfcms-heading--background_colour: var(--x-cl-secondary-bg);
  --oxfcms-heading--h1--text_colour: var(--x-cl-secondary-fg-primary);
  --oxfcms-heading--h2--text_colour: var(--x-cl-secondary-fg-primary);
  --oxfcms-heading--h3--text_colour: var(--x-cl-secondary-fg-primary);
  --oxfcms-heading--h4--text_colour: var(--x-cl-secondary-fg-primary);
  --oxfcms-heading--h5--text_colour: var(--x-cl-secondary-fg-primary);
  --oxfcms-heading--h6--text_colour: var(--x-cl-secondary-fg-primary);
  --button--link--background_colour: var(--x-cl-secondary-bg-action);
  --button--link--text_colour: var(--x-cl-secondary-fg-action);
  --button--link--border_colour: var(--x-cl-secondary-bg-action);
  --button--link--active--background_colour: var(--x-cl-secondary-fg-action);
  --button--link--active--text_colour: var(--x-cl-secondary-bg-action);
  --button--link--active--border_colour: var(--x-cl-secondary-bg-action);
  --pagination--pagination-container--border_colour: color-mix(in srgb, var(--x-cl-secondary-fg-default) 20%, transparent);
  --pagination--pagination--text_colour: var(--x-cl-secondary-fg-default);
  --pagination--pagination--border_colour: color-mix(in srgb, var(--x-cl-secondary-fg-default) 20%, transparent);
  --pagination--pagination-active--text_colour: var(--x-cl-secondary-fg-link);
  --pagination--pagination-active--border_colour: var(--x-cl-secondary-fg-link);
  --pagination--pagination-button--text_colour: var(--x-cl-secondary-fg-action);
  --pagination--pagination-button--background-colour: var(--x-cl-secondary-bg-action);
  --pagination--pagination-button--border_colour: var(--x-cl-secondary-bg-action);
  --pagination--pagination-button-active--text_colour: var(--x-cl-secondary-fg-action);
  --pagination--pagination-button-active--background_colour: var(--x-cl-secondary-bg-action);
  --pagination--pagination-button-active--border_colour: var(--x-cl-secondary-bg-action);
  --pagination--pagination-button-disabled--background-colour: var(--x-cl-secondary-bg-action);
  --metadata--icon--text_colour: var(--x-cl-secondary-fg-accent);
  --metadata--prefix--text_colour: var(--x-cl-secondary-fg-primary);
  --metadata--data--text_colour: var(--x-cl-secondary-fg-default);
  --metadata--link--text_colour: var(--x-cl-secondary-fg-link);
  --metadata--list--marker_colour: var(--x-cl-secondary-fg-accent);
  --metadata--data--social-link--background_colour: var(--x-cl-secondary-bg-action);
  --metadata--data--social-link--text_colour: var(--x-cl-secondary-fg-action);
  --metadata--data--taxonomy-term--background_colour: var(--x-cl-secondary-bg-muted);
  --metadata--data--taxonomy-term--text_colour: var(--x-cl-secondary-fg-default);
  --metadata--style1--color: var(--x-cl-secondary-fg-primary);
  --metadata--style2--color: var(--x-cl-secondary-fg-default);
  --taxonomy--label--background_colour: var(--x-cl-secondary-bg-muted);
  --taxonomy--label--text_colour: var(--x-cl-secondary-fg-default);
  --taxonomy--tag--background_colour: var(--x-cl-secondary-bg-action);
  --taxonomy--tag--text_colour: var(--x-cl-secondary-fg-action);
  --listing--filter--background_colour: var(--x-cl-secondary-bg-action);
  --listing--filter--text_colour: var(--x-cl-secondary-fg-action);
  --listing--filter--hover--background_colour: oklch(from var(--x-cl-secondary-bg-action) calc(l * 0.8) c h);
  --listing--filter--dropdown--background_colour: var(--x-cl-secondary-bg);
  --listing--filter--dropdown--border_colour: color-mix(in srgb, var(--x-cl-secondary-fg-default) 20%, transparent);
  --listing--filter--dropdown--scroll-track_colour: color-mix(in srgb, var(--x-cl-secondary-fg-default) 16%, transparent);
  --listing--filter--dropdown--scroll-marker_colour: var(--x-cl-secondary-fg-primary);
  --listing--filter--option--text_colour: var(--x-cl-secondary-fg-default);
  --listing--filter--option--hover--background_colour: var(--x-cl-secondary-bg-muted);
  --listing--filter--option--hover--text_colour: var(--x-cl-secondary-fg-accent);
  --listing--filter--option--selected--background_colour: color-mix(in oklch shorter hue, var(--x-cl-secondary-fg-accent) 20%, var(--x-cl-secondary-bg) 100%);
  --listing--filter--option--selected--text_colour: var(--x-cl-secondary-fg-primary);
  --listing--filter--checkbox--border_colour: var(--x-cl-secondary-fg-accent);
  --listing--filter--checkbox--background_colour: var(--x-cl-secondary-bg);
  --listing--filter--checkbox--checked--background_colour: var(--x-cl-secondary-fg-accent);
  --listing--filter--checkbox--check_colour: var(--x-cl-secondary-bg);
  --listing--filter--tag--background_colour: var(--x-cl-secondary-bg-action);
  --listing--filter--tag--text_colour: var(--x-cl-secondary-fg-action);
  --listing--filter--apply--background_colour: var(--x-cl-secondary-bg-action);
  --listing--filter--apply--text_colour: var(--x-cl-secondary-fg-action);
  --listing--filter--icon--text_colour: var(--x-cl-secondary-fg-action);
  --daterange--colour--action: var(--x-cl-secondary-bg-action);
  --daterange--colour--action_text: var(--x-cl-secondary-fg-action);
  --daterange--colour--panel_background: var(--x-cl-secondary-bg);
  --daterange--colour--panel_text: var(--x-cl-secondary-fg-default);
  --daterange--colour--panel_heading: var(--x-cl-secondary-fg-primary);
  --daterange--colour--panel_muted: var(--x-cl-secondary-bg-muted);
  --daterange--colour--primary_hover: oklch(from var(--x-cl-secondary-bg-action) calc(l * 0.8) c h);
  --daterange--colour--border: color-mix(in srgb, var(--x-cl-secondary-fg-default) 20%, transparent);
  --daterange--dropdown--background_colour: var(--x-cl-secondary-bg);
  --daterange--dropdown--border_colour: color-mix(in srgb, var(--x-cl-secondary-fg-default) 20%, transparent);
  --slideshow--navigation--button--background_colour: var(--x-cl-secondary-bg-action);
  --slideshow--navigation--button--hover--background_colour: var(--x-cl-secondary-bg-action);
  --slideshow--navigation--button--border_colour: var(--x-cl-secondary-bg-action);
  --slideshow--navigation--button--hover--border_colour: var(--x-cl-secondary-bg-action);
  --slideshow--navigation--button--text_colour: var(--x-cl-secondary-fg-action);
  --slideshow--navigation--button--hover--text_colour: var(--x-cl-secondary-fg-action);
  --tabs--tab-border_colour: var(--x-cl-secondary-bg-action);
  --tabs--content-border_colour: var(--x-cl-secondary-bg-action);
  --tabs--active--tab-background: var(--x-cl-secondary-bg-action);
  --tabs--active--tab-border_colour: var(--x-cl-secondary-bg-action);
  --tabs--active--tab-text: var(--x-cl-secondary-fg-action);
  --tabs--tab-text: var(--x-cl-secondary-fg-primary);
  --accordion--text-color: var(--x-cl-secondary-fg-primary);
  --accordion--border_colour: var(--x-cl-secondary-fg-default);
  --accordion--active--text-color: var(--x-cl-secondary-fg-primary);
  --accordion--active--border_colour: var(--x-cl-secondary-fg-default);
  --accordion--arrow-colour: var(--x-cl-secondary-fg-accent);
  --accordion--hover--underline_colour: var(--x-cl-secondary-fg-link);
  --caption--background_colour: var(--x-cl-secondary-bg-muted);
  --caption--text--text_colour: var(--x-cl-secondary-fg-default);
  --caption--text--link--text_colour: var(--x-cl-secondary-fg-link);
  --caption--prefix--text_colour: var(--x-cl-secondary-fg-accent);
  --text--caption--background_colour: var(--x-cl-secondary-bg-muted);
  --text--caption--text_colour: var(--x-cl-secondary-fg-default);
  --text--caption--prefix--text_colour: var(--x-cl-secondary-fg-accent);
  --icon--icon--text_colour: var(--x-cl-secondary-fg-accent);
  --plain-text--data--background_colour: var(--x-cl-secondary-bg);
  --plain-text--data--text_colour: var(--x-cl-secondary-fg-default);
  --quotation--small-image--quote--text_colour: var(--x-cl-secondary-fg-primary);
  --quotation--large-image--quote--text_colour: var(--x-cl-secondary-fg-primary);
  --quotation--no-image--quote--text_colour: var(--x-cl-secondary-fg-primary);
  --quotation--no-image--quote-mark--text_colour: var(--x-cl-secondary-fg-accent);
  --quotation--no-image--border_color: var(--x-cl-secondary-fg-accent);
}
