:root {
  --g-color-white: white;
  --g-color-black: black;
  /* Brand colours */
  --g-color-brand: var(--g-color-black);
  --g-color-brand-hover: var(--g-color-link-alt);
  --g-color-brand-alt: var(--g-color-brand);
  --g-color-brand-hover-alt: var(--g-color-brand);
  /* Fixed colours */
  --g-color-icon: rgba(44, 44, 44, 1);
  --g-color-icon-audio: rgba(126, 0, 170, 1);
  --g-color-icon-document: var(--g-color-link);
  --g-color-icon-excel: rgba(0, 146, 69, 1);
  --g-color-icon-pdf: rgba(255, 64, 47, 1);
  --g-color-icon-podcast: rgba(126, 0, 170, 1);
  --g-color-icon-ppt: rgba(239, 108, 0, 1);
  --g-color-facebook: rgba(59, 89, 152, 1);
  --g-color-linkedin: rgba(0, 119, 181, 1);
  --g-color-twitter: rgba(29, 161, 242, 1);
  --g-color-youtube: rgba(255, 0, 0, 1);
  /*
     * Functional and visual use
     */
  /* Focus colour */
  --g-color-focus-background: rgba(255, 164, 69, .27);
  --g-color-focus-border: rgba(255, 164, 69, 1);
  --g-color-focus-shadow: rgba(255, 255, 255, 1);
  /* Ajax colours */
  --g-color-ajax-track: var(--g-color-bg-component);
  --g-color-ajax-spinner: rgba(115, 115, 115, 1);
  /* Content block colours */
  --g-color-content-block-header-link: var(--g-color-type);
  --g-color-content-block-header-link-alt: var(--g-color-link-alt);
  --g-color-content-block-header-link-border: var(--g-color-type);
  /* Link tiles colours */
  --g-color-link-tile-list-separator: rgba(218, 218, 218, 1);
  --g-color-link-tile-list-title: rgba(0, 92, 169, 1);
  --g-color-link-tile-bg: var(--g-color-bg-page);
  --g-color-link-tile-bg-alt: var(--g-color-bg-page);
  --g-color-link-tile-border: var(--g-color-type);
  --g-color-link-tile-border-alt: var(--g-color-type);
  --g-color-link-tile-border-metric: rgba(0, 92, 169, 1);
  --g-color-link-tile-border-metric-alt: var(--g-color-link-alt);
  --g-color-link-tile-type: var(--g-color-type);
  --g-color-link-tile-type-alt: var(--g-color-link-alt);
  --g-color-link-tile-type-metric: rgba(0, 92, 169, 1);
  /* Horizontal rules colours */
  --g-color-hr: var(--g-color-brand);
  --g-color-hr-nav: rgba(233, 233, 233, 1);
  --g-color-hr-nav-divider: var(--g-color-hr-nav);
  --g-color-hr-nav-divider-last: var(--g-color-border-grey-dark);
  --g-color-hr-nav-divider-open: var(--g-color-border-grey-dark);
  --g-color-hr-nav-content-divider: var(--g-color-black);
  --g-color-hr-date: var(--g-color-brand);
  --g-color-hr-footer: rgba(197, 197, 197, 1);
  --g-color-hr-share-mobile: transparent;
  --g-color-hr-share-desktop: var(--g-color-hr-footer);
  --g-color-hr-grey-light: var(--g-color-hr-footer);
  /* Vertical rules colours */
  --g-color-vr: var(--g-color-black);
  /* Header colours */
  --g-color-header-bg: var(--g-color-black);
  --g-color-header-type: var(--g-color-type-alt);
  --g-color-header-divider: var(--g-color-hr-grey-light);
  /* Nav colours */
  --g-color-nav-text: var(--g-color-type-dark);
  --g-color-nav-text-alt: var(--g-color-type-alt);
  --g-color-nav-text-hover: var(--g-color-type);
  --g-color-nav-bg: var(--g-color-bg-page);
  --g-color-nav-bg-hover: var(--g-color-bg-page);
  --g-color-nav-bg-alt: var(--g-color-bg-grey-dark);
  --g-color-nav-highlight: var(--g-color-link-alt);
  --g-color-nav-secondary-text: var(--g-color-link);
  --g-color-nav-secondary-text-L1: var(--g-color-brand);
  --g-color-nav-secondary-border-L1: var(--g-color-black);
  --g-color-nav-secondary-text-alt: var(--g-color-black);
  /* Content within MegaMenu */
  --g-color-nav-content-link: var(--g-color-type-alt);
  --g-color-nav-content-link-hover: var(--g-color-type-alt);
  --g-color-nav-content-title: var(--g-color-type-alt);
  /* Hero colours */
  --g-color-hero-bilingual-translation-custom: var(--g-color-bilingual-translation);
  --g-color-hero-bilingual-translation-dark: var(--g-color-bilingual-translation);
  --g-color-hero-bilingual-translation-light: rgba(223, 223, 223, 1);
  --g-color-hero-overlay--light: rgba(255, 255, 255, .4);
  --g-color-hero-overlay--dark: rgba(0, 0, 0, .4);
  --g-color-hero-overlay--custom: transparent;
  --g-color-hero-overlay--custom-mobile: transparent;
  --g-color-hero-bilingual-translation-custom: var(--g-color-bilingual-translation);
  --g-color-hero-bilingual-translation-dark: var(--g-color-bilingual-translation);
  --g-color-hero-bilingual-translation-light: rgba(223, 223, 223, 1);
  --g-color-hero-overlay--custom-nojs-ie11: rgba(229, 251, 255, 1);
  --g-color-hero-breadcrumbs-custom: var(--g-color-link-breadcrumbs);
  --g-color-hero-summary-custom: var(--g-color-type);
  --g-color-hero-title-custom: var(--g-color-type-h1);
  /* Lead story colours */
  --g-color-lead-story-border: #005ca9;
  --g-color-lead-story-type: var(--g-color-type);
  --g-color-lead-story-type-link: #005ca9;
  --g-color-lead-story-type-alt: var(--g-color-link-alt);
  --g-color-lead-story-type--inverted: rgba(255, 255, 255, 1);
  --g-color-lead-story-type--inverted-alt: rgba(162, 227, 255, 1);
  --g-color-lead-story-underlay: transparent;
  --g-color-lead-story-underlay--dark: rgba(49, 93, 163, 1);
  /* Language colours - see also Hero colours */
  --g-color-bilingual-translation: rgba(70, 70, 70, 1);
  /* Button colours */
  --g-color-button-bg: var(--g-color-brand);
  --g-color-button-border: var(--g-color-button-bg);
  --g-color-button-text: var(--g-color-white);
  --g-color-button-bg-hover: var(--g-color-brand-hover);
  --g-color-button-text-hover: var(--g-color-white);
  --g-color-button-disabled-bg: rgba(137, 145, 159, 1);
  --g-color-button-disabled-border: rgba(137, 145, 159, 1);
  --g-color-button-disabled-text: var(--g-color-button-text);
  --g-color-button-secondary-bg: var(--g-color-white);
  --g-color-button-secondary-border: var(--g-color-brand);
  --g-color-button-secondary-text: var(--g-color-brand);
  --g-color-button-secondary-bg-hover: var(--g-color-brand);
  --g-color-button-secondary-text-hover: var(--g-color-white);
  --g-color-button-header-bar-bg: var(--g-color-black);
  --g-color-button-header-bar-border: rgba(66, 66, 66, 1);
  --g-color-button-header-bar-icon: var(--g-color-white);
  --g-color-button-header-bar-text: var(--g-color-white);
  --g-color-button-header-bar-bg-hover: var(--g-color-white);
  --g-color-button-header-bar-border-hover: transparent;
  --g-color-button-header-bar-icon-hover: var(--g-color-black);
  --g-color-button-header-bar-text-hover: var(--g-color-black);
  --g-color-button-header-bar-bg-hover-alt: var(--g-color-black);
  --g-color-button-header-bar-border-hover-alt: var(--g-color-white);
  --g-color-button-header-bar-icon-hover-alt: var(--g-color-white);
  --g-color-button-header-bar-text-hover-alt: var(--g-color-white);
  --g-color-button-cta-bg: #ffcc02;
  --g-color-button-cta-border: #ffcc02;
  --g-color-button-cta-icon: var(--g-color-black);
  --g-color-button-cta-text: var(--g-color-black);
  --g-color-button-cta-bg-hover: #ffd83e;
  --g-color-button-cta-border-hover: #ffd83e;
  --g-color-button-cta-icon-hover: var(--g-color-black);
  --g-color-button-cta-text-hover: var(--g-color-black);
  --g-color-button-overlay-bg: var(--g-color-black);
  --g-color-button-overlay-border: var(--g-color-black);
  --g-color-button-overlay-text: var(--g-color-white);
  --g-color-button-overlay-bg-hover: var(--g-color-link-alt);
  --g-color-button-overlay-text-hover: var(--g-color-white);
  --g-color-button-backtotop-bg: #ffcc02;
  --g-color-button-backtotop-border: #ffcc02;
  --g-color-button-backtotop-text: var(--g-color-black);
  --g-color-button-backtotop-bg-hover: #ffcc02;
  --g-color-button-backtotop-text-hover: var(--g-color-black);
  --g-color-button-video-bg: #2a77b7;
  /* Tagging colours */
  --g-color-tag: var(--g-color-type);
  --g-color-tag-alt: var(--g-color-bg-grey-light);
  --g-color-border-tag: var(--g-color-border-grey-mid);
  --g-color-border-tag-alt: var(--g-color-type);
  --g-color-bg-tag: var(--g-color-bg-grey-light);
  --g-color-bg-tag-alt: var(--g-color-type);
  --g-color-subtle-tag: rgba(89, 88, 88, 1);
  --g-color-subtle-tag-link: rgba(0, 92, 169, 1);
  --g-color-subtle-tag-link-alt: var(--g-color-link-alt);
  --g-color-subtle-tag-list-separator: rgba(17, 90, 164, 1);
  --g-color-tag-file: var(--g-color-link);
  --g-color-tag-file-alt: var(--g-color-bg-page);
  --g-color-border-tag-file: rgba(0, 119, 170, 1);
  --g-color-border-tag-file-alt: rgba(0, 119, 170, 1);
  --g-color-bg-tag-file: var(--g-color-bg-page);
  --g-color-bg-tag-file-alt: var(--g-color-link);
  --g-color-tag-document: var(--g-color-type-dark);
  --g-color-tag-document-alt: var(--g-color-type-dark);
  --g-color-border-tag-document: rgba(233, 233, 233, 1);
  --g-color-border-tag-document-alt: rgba(233, 233, 233, 1);
  --g-color-bg-tag-document: var(--g-color-bg-grey-light);
  --g-color-bg-tag-document-alt: var(--g-color-bg-grey-light);
  /* In-page CTA colours */
  --g-color-border-in-page-cta: var(--g-color-link);
  --g-color-border-in-page-cta-alt: var(--g-color-link-alt);
  --g-color-bg-in-page-cta: var(--g-color-bg-component);
  --g-color-bg-in-page-cta-alt: transparent;
  /* Messaging colours */
  --g-color-global-message-heading: var(--g-color-type-dark);
  --g-color-error-bg: rgba(255, 216, 216, 1);
  --g-color-alert-bg: rgba(255, 244, 165, 1);
  --g-color-warning-bg: rgba(255, 194, 109, 1);
  --g-color-tip-bg: rgba(229, 251, 255, 1);
  /* Validation colours */
  --g-color-error-text: rgba(222, 17, 17, 1);
  --g-color-alert: rgba(255, 199, 71, 1);
  --g-color-warning: rgba(255, 151, 71, 1);
  --g-color-success: rgba(25, 179, 92, 1);
  /* Link colours */
  --g-color-link: rgba(0, 119, 170, 1);
  --g-color-link-share: rgba(71, 71, 71, 1);
  --g-color-link-alt: rgba(4, 151, 214, 1);
  --g-color-link-breadcrumbs: rgba(71, 71, 71, 1);
  --g-color-link-alt-breadcrumbs: var(--g-color-black);
  --g-color-link-grey: rgba(66, 66, 66, 1);
  --g-color-link-hover: var(--g-color-link-alt);
  --g-color-link-share-hover: var(--g-color-link-alt);
  --g-color-link-underline: var(--g-color-link);
  /* Jumplink colours */
  --g-color-jumplinks: var(--g-color-black);
  --g-color-jumplinks-target: rgba(71, 71, 71, 1);
  /* Typographic colours */
  --g-color-type: var(--g-color-black);
  --g-color-type-disabled: rgba(89, 89, 89, 1);
  --g-color-type-alt: var(--g-color-white);
  --g-color-type-minor: rgba(71, 71, 71, 1);
  --g-color-type-dark: var(--g-color-black);
  --g-color-type-heading-general: var(--g-color-black);
  --g-color-type-heading-minor: rgba(71, 71, 71, 1);
  --g-color-type-heading-minor-alt: rgba(196, 196, 196, 1);
  --g-color-type-h1: var(--g-color-type-heading-general);
  --g-color-type-h2: var(--g-color-type-heading-general);
  --g-color-type-h3: var(--g-color-type-heading-general);
  --g-color-type-h4: var(--g-color-type-heading-general);
  --g-color-type-h5: var(--g-color-type-heading-general);
  --g-color-type-h6: var(--g-color-type-heading-general);
  --g-color-type-intro: var(--g-color-type-dark);
  --g-color-type-publication-date-and-read-time: rgba(89, 88, 88, 1);
  /* Language colours - see also Hero colours */
  --g-color-bilingual-translation: rgba(70, 70, 70, 1);
  /* Icon colours */
  --g-color-icon-grayscale: rgba(44, 44, 44, 1);
  --g-color-icon-blockquote: var(--g-color-brand);
  --g-color-icon-image-enlarge: var(--g-color-white);
  --g-color-bg-icon-image-enlarge: rgba(255, 255, 255, .5);
  /* Background colours */
  --g-color-bg-page: var(--g-color-white);
  --g-color-bg-component: rgba(230, 230, 230, 1);
  --g-color-bg-component-wrapper: var(--g-color-white);
  --g-color-bg-component-container: transparent;
  --g-color-bg-component-alt: var(--g-color-black);
  --g-color-bg-grey-light: rgba(243, 243, 243, 1);
  --g-color-bg-grey-dark: rgba(44, 44, 44, 1);
  --g-color-bg-footer: var(--g-color-black);
  --g-color-bg-partner-logos: #f0f0f0;
  /* Footer */
  --g-color-footer-type: var(--g-color-white);
  --g-color-footer-type-header: var(--g-color-white);
  --g-color-footer-type-link: var(--g-color-white);
  --g-color-footer-type-link-global: var(--g-color-white);
  --g-color-footer-type-link-social: var(--g-color-white);
  --g-color-footer-divider: var(--g-color-white);
  /* Border colours */
  --g-color-border-grey: rgba(124, 139, 157, 1);
  --g-color-border-grey-light: rgba(178, 178, 178, 1);
  --g-color-border-grey-mid: rgba(233, 233, 233, 1);
  --g-color-border-grey-dark: rgba(71, 71, 71, 1);
  /* Form colours */
  --g-color-input-background: var(--g-color-white);
  --g-color-input-hover: var(--g-color-black);
  --g-color-input-focus: var(--g-color-link);
  --g-color-input-highlight: var(--g-color-bg-component);
  --g-color-input-placeholder: rgba(100, 100, 100, 1);
  --g-color-input-text-border: rgba(175, 175, 175, 1);
  --g-color-input-text-border-hover: var(--g-color-link-alt);
  --g-color-input-text-border-alt: var(--g-color-brand);
  --g-color-input-border-control: var(--g-color-input-text-border-alt);
  --g-color-input-border-control-hover: var(--g-color-input-text-border-hover);
  --g-color-input-border-control-alt: var(--g-color-input-text-border-alt);
  --g-color-label-secondary: var(--g-color-type-heading-general);
  --g-color-form-bgcolor-step-counter: var(--g-color-brand);
  --g-color-form-step-line: var(--g-color-brand);
  --g-color-multiselect-choice-bg: var(--g-color-link);
  --g-color-multiselect-choice-text: var(--g-color-type-alt);
  /* Table colours */
  --g-color-table-border: rgba(233, 233, 233, 1);
  --g-color-table-border-bottom: rgba(233, 233, 233, 1);
  --g-color-table-bg-header: var(--g-color-brand);
  --g-color-table-stripe: var(--g-color-bg-grey-light);
  --g-color-table-type: var(--g-color-black);
  --g-color-table-type-header: var(--g-color-white);
  /* Data Block */
  --g-color-data-block-bg: #005ca9;
  --g-color-data-block-bg-text: white;
  --g-color-data-block-border: #005ca9;
  --g-color-data-block-text: #005ca9;
  --g-color-data-block-text-alt: rgba(103, 103, 103, 1);
  --g-color-data-block-text-line-3: rgba(110, 110, 110, 1);
  --g-color-data-block-divider: #005ca9;
  --g-color-data-block-divider-alt: rgba(192, 192, 192, 1);
  --g-color-data-block-container-divider: rgba(214, 214, 214, 1);
  /* Modal colours */
  --g-color-modal-bg: var(--g-color-white);
  --g-color-modal-bg-alt: var(--g-color-black);
  --g-color-modal-bg-close: var(--g-color-white);
  --g-color-modal-bg-close-alt: var(--g-color-link-alt);
  --g-color-modal-border: var(--g-color-border-grey-light);
  --g-color-modal-icon-close: var(--g-color-type-heading-general);
  --g-color-modal-type: var(--g-color-type);
  --g-color-modal-type-alt: var(--g-color-type-alt);
  --g-color-modal-type-minor: var(--g-color-type-heading-minor);
  --g-color-modal-type-minor-alt: var(--g-color-type-heading-minor-alt); }