:root {
  --g-color-white: white;
  --g-color-white-op3: rgba(255, 255, 255, .3);
  --g-color-black: black;
  /* Brand colours */
  --g-color-brand: rgba(46, 132, 66, 1);
  --g-color-brand-hover: rgba(37, 99, 48, 1);
  --g-color-brand-alt: rgba(208, 126, 88, 1);
  --g-color-brand-hover-alt: var(--g-color-brand-alt);
  /* Fixed colours */
  --g-color-icon-document: rgba(0, 119, 170, 1);
  --g-color-icon: rgba(44, 44, 44, 1);
  --g-color-icon-excel: rgba(0, 146, 69, 1);
  --g-color-icon-pdf: rgba(255, 64, 47, 1);
  --g-color-icon-ppt: rgba(239, 108, 0, 1);
  --g-color-icon-audio: rgba(126, 0, 170, 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-border: rgba(253, 200, 6, 1);
  /* Ajax colours */
  --g-color-ajax-track: var(--g-color-bg-component);
  --g-color-ajax-spinner: var(--g-color-brand);
  /* Link tiles colours */
  --g-color-link-tile-list-separator: rgba(218, 218, 218, 1);
  --g-color-link-tile-list-title: black;
  --g-color-link-tile-bg: var(--g-color-bg-page);
  --g-color-link-tile-bg-alt: var(--g-color-brand-hover);
  --g-color-link-tile-border: var(--g-color-type);
  --g-color-link-tile-border-alt: var(--g-color-type);
  --g-color-link-tile-type: var(--g-color-type);
  --g-color-link-tile-type-alt: var(--g-color-link-alt);
  --g-color-link-tile-text-inverted: var(--g-color-white);
  --g-color-link-tile-text-inverted-hover: var(--g-color-white);
  /* Horizontal rules colours */
  --g-color-hr: var(--g-color-type-grey-light);
  --g-color-hr-nav: #f4f4f4;
  --g-color-hr-nav-divider: rgba(48, 136, 66, .2);
  --g-color-hr-nav-divider-last: var(--g-color-type-dark);
  --g-color-hr-nav-content-divider: rgba(48, 136, 66, .2);
  --g-color-hr-date: var(--g-color-brand);
  --g-color-hr-footer: rgba(197, 197, 197, 1);
  --g-color-hr-share-mobile: var(--g-color-border-grey-light);
  --g-color-hr-share-desktop: var(--g-color-border-grey-light);
  --g-color-hr-grey-light: var(--g-color-border-grey-light);
  /* Vertical rules colours */
  --g-color-vr: var(--g-color-border-grey-light);
  /* Header colours */
  --g-color-header-bg: var(--g-color-white);
  --g-color-header-type: var(--g-color-type-alt);
  --g-color-header-divider: rgba(0, 136, 51, 1);
  /* Nav colours */
  --g-color-nav-text: var(--g-color-brand);
  --g-color-nav-text-alt: var(--g-color-type-dark);
  --g-color-nav-text-hover: var(--g-color-type);
  --g-color-nav-bg-mobile: #f4f4f4;
  --g-color-nav-bg: var(--g-color-bg-page);
  --g-color-nav-bg-hover: var(--g-color-bg-page);
  --g-color-nav-bg-alt: #e8e8e8;
  --g-color-nav-highlight: var(--g-color-type-dark);
  --g-color-nav-highlight-alt: var(--g-color-brand-hover);
  --g-color-nav-border-hover: var(--g-color-link-alt);
  --g-color-nav-divide: var(--g-color-border-grey-light);
  --g-color-nav-secondary-text: var(--g-color-type-dark);
  --g-color-nav-secondary-text-toplevel: var(--g-color-type-dark);
  --g-color-nav-secondary-text-alt: var(--g-color-brand);
  /* Hero overlay */
  --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: rgba(0, 0, 0, 0);
  --g-color-hero-overlay--custom-mobile: rgba(0, 0, 0, 0);
  /* Hero custom alt text */
  --g-color-hero-title-custom: var(--g-color-brand);
  --g-color-hero-summary-custom: var(--g-color-brand);
  /* Button colours */
  --g-color-button-bg: var(--g-color-brand);
  --g-color-button-border: var(--g-color-brand);
  --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: rgba(159, 167, 177, 1);
  --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-white);
  --g-color-button-header-bar-border: var(--g-color-white);
  --g-color-button-header-bar-icon: var(--g-color-brand);
  --g-color-button-header-bar-text: var(--g-color-brand);
  --g-color-button-header-bar-bg-hover: var(--g-color-nav-bg-mobile);
  --g-color-button-header-bar-border-hover: transparent;
  --g-color-button-header-bar-icon-hover: var(--g-color-brand);
  --g-color-button-header-bar-text-hover: var(--g-color-brand);
  --g-color-button-header-bar-bg-hover-alt: var(--g-color-white);
  --g-color-button-header-bar-border-hover-alt: var(--g-color-brand);
  --g-color-button-header-bar-icon-hover-alt: var(--g-color-brand);
  --g-color-button-header-bar-text-hover-alt: var(--g-color-brand);
  --g-color-button-cta-bg: #007db6;
  --g-color-button-cta-border: #007db6;
  --g-color-button-cta-icon: var(--g-color-white);
  --g-color-button-cta-text: var(--g-color-white);
  --g-color-button-cta-bg-hover: #006999;
  --g-color-button-cta-border-hover: #006999;
  --g-color-button-cta-icon-hover: var(--g-color-white);
  --g-color-button-cta-text-hover: var(--g-color-white);
  --g-color-button-overlay-bg: var(--g-color-white);
  --g-color-button-overlay-border: var(--g-color-brand);
  --g-color-button-overlay-text: var(--g-color-brand);
  --g-color-button-overlay-bg-hover: var(--g-color-brand-hover);
  --g-color-button-overlay-text-hover: var(--g-color-white);
  --g-color-button-backtotop-bg: var(--g-color-brand);
  --g-color-button-backtotop-border: var(--g-color-white);
  --g-color-button-backtotop-bg-hover: var(--g-color-brand-hover);
  --g-color-button-backtotop-text: var(--g-color-white);
  --g-color-button-backtotop-text-hover: var(--g-color-white);
  /* Tagging colours */
  --g-color-tag: var(--g-color-type-dark);
  --g-color-border-tag: rgba(233, 233, 233, 1);
  --g-color-bg-tag: var(--g-color-bg-grey-light);
  --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);
  /* Messaging colours */
  --g-color-global-message-heading: var(--g-color-type-dark);
  --g-color-error-text: rgba(239, 65, 86, 1);
  --g-color-error-bg: rgba(244, 214, 218, 1);
  --g-color-alert-bg: rgba(252, 252, 170, 1);
  --g-color-warning-bg: rgba(244, 214, 218, 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(14, 97, 149, 1);
  --g-color-link-alt: rgba(10, 121, 200, 1);
  --g-color-link-share: var(--g-color-link-grey);
  --g-color-link-breadcrumbs: var(--g-color-brand);
  --g-color-link-breadcrumbs-alt: 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);
  --g-color-link-list-grid-header: var(--g-color-type);
  --g-color-link-list-grid-header-alt: var(--g-color-link-alt);
  --g-color-link-border-list-grid-header: var(--g-color-type);
  /* Jumplink colours */
  --g-color-jumplinks: var(--g-color-black);
  --g-color-jumplinks-target: rgba(71, 71, 71, 1);
  /* Typographic colours */
  --g-color-type: rgba(11, 11, 11, 1);
  --g-color-type-alt: rgba(255, 255, 255, 1);
  --g-color-type-minor: rgba(124, 139, 157, 1);
  --g-color-type-dark: rgba(0, 0, 0, 1);
  --g-color-type-heading-level-1: var(--g-color-brand);
  --g-color-type-heading-level-1-intro: var(--g-color-brand);
  --g-color-type-heading-level-2: var(--g-color-brand);
  --g-color-type-heading-general: var(--g-color-brand);
  --g-color-type-heading-minor: rgba(88, 89, 91, 1);
  --g-color-type-intro: var(--g-color-type-dark);
  /* Icon colours */
  --g-color-icon-grayscale: rgba(124, 139, 157, 1);
  --g-color-icon-blockquote: var(--g-color-brand);
  --g-color-icon-breadcrumbs: var(--g-color-brand);
  --g-color-icon-breadcrumbs-alt: var(--g-color-type);
  /* Background colours */
  --g-color-bg-component: rgba(239, 248, 242, 1);
  --g-color-bg-grey-light: rgba(242, 242, 242, 1);
  --g-color-bg-grey-dark: rgba(66, 66, 66, 1);
  --g-color-bg-footer: rgba(66, 66, 66, 1);
  --g-color-bg-page: var(--g-color-white);
  --g-color-bg-component-wrapper: var(--g-color-white);
  --g-color-bg-component-alt: var(--g-color-black);
  /* Border colours */
  --g-color-border-grey: rgba(124, 139, 157, 1);
  --g-color-border-grey-light: rgba(178, 178, 178, 1);
  --g-color-border-input-control: 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-brand);
  --g-color-input-highlight: var(--g-color-bg-component);
  --g-color-input-placeholder: rgba(124, 139, 157, 1);
  --g-color-input-text-border: rgba(124, 139, 157, 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: var(--g-color-brand);
  --g-color-table-border-bottom: var(--g-color-brand);
  --g-color-table-bg-header: var(--g-color-brand);
  --g-color-table-stripe: var(--g-color-bg-grey-light);
  --g-color-table-type: rgba(66, 66, 66, 1);
  --g-color-table-type-header: rgba(255, 255, 255, 1); }