:root {
  --g-color-white: white;
  --g-color-black: black;
  /* Brand colours */
  --g-color-brand: #a4d65e;
  --g-color-brand-hover: var(--g-color-brand-600);
  --g-color-brand-alt: var(--g-color-brand);
  --g-color-brand-hover-alt: var(--g-color-brand);
  /* Theme colors */
  --g-color-brand-100: #f2f8e9;
  --g-color-brand-200: #eff7e1;
  --g-color-brand: #a4d65e;
  --g-color-brand-600: #138131;
  --g-color-navy-black: #06060e;
  --g-color-turquoise-100: #e5eee6;
  --g-color-turquoise-200: #d1e4d3;
  --g-color-turquoise-600: #003339;
  --g-color-turquoise-700: #0f2325;
  --g-color-gray-100: #fafafa;
  --g-color-gray-200: #f3f3f3;
  --g-color-gray-300: #e9e9e9;
  --g-color-gray-400: #c5c5c5;
  --g-color-gray-500: #7e7e7e;
  --g-color-gray-550: #606871;
  --g-color-gray-600: #2c2c2c;
  --g-color-gray-700: #181818;
  --g-color-gray-cold-100: #f5f7fb;
  --g-color-gray-cold-200: #f5f7fb;
  --g-color-gray-cold-300: #d9e0eb;
  --g-color-gray-cold-400: #bac4d1;
  --g-color-gray-cold-500: #6b7381;
  --g-color-gray-cold-600: #384862;
  --g-color-gray-cold-700: #2b3446;
  /* 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: var(--g-color-brand-600);
  --g-color-linkedin: var(--g-color-brand-600);
  --g-color-twitter: var(--g-color-brand-600);
  --g-color-youtube: var(--g-color-brand-600);
  /*
     * Functional and visual use
     */
  /* Focus colour */
  --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: var(--g-color-brand-600);
  /* Content block colours */
  --g-color-content-block-header-link: var(--g-color-turquoise-700);
  --g-color-content-block-header-link-alt: var(--g-color-turquoise-700);
  --g-color-content-block-header-link-border: var(--g-color-brand);
  /* Link tiles colours */
  --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-brand);
  --g-color-link-tile-border-alt: var(--g-color-brand);
  --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-border-frame: var(--g-color-gray-cold-400);
  --g-color-link-tile-border-frame-alt: var(--g-color-brand);
  --g-color-link-tile-type: var(--g-color-type);
  --g-color-link-tile-type-alt: var(--g-color-brand-600);
  --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: rgba(255, 255, 255, .2);
  --g-color-hr-nav-divider-last: rgba(255, 255, 255, .2);
  --g-color-hr-nav-content-divider: rgba(255, 255, 255, .2);
  --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-turquoise-700);
  /* Header colours */
  --g-color-header-bg: var(--g-color-turquoise-700);
  --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-white);
  --g-color-nav-text-alt: var(--g-color-turquoise-700);
  --g-color-nav-text-hover: var(--g-color-brand);
  --g-color-nav-bg: var(--g-color-navy-black);
  --g-color-nav-bg-hover: var(--g-color-bg-page);
  --g-color-nav-bg-alt: var(--g-color-brand);
  --g-color-nav-highlight: var(--g-color-brand);
  --g-color-nav-divide: rgba(66, 66, 66, 1);
  --g-color-nav-secondary-text: var(--g-color-turquoise-700);
  --g-color-nav-secondary-text-L1: var(--g-color-turquoise-700);
  --g-color-nav-secondary-text-alt: var(--g-color-turquoise-700);
  /* Hero colours */
  --g-color-hero-overlay--light: rgba(255, 255, 255, .8);
  --g-color-hero-overlay--dark: rgba(0, 0, 0, .6);
  --g-color-hero-overlay--custom: transparent;
  --g-color-hero-overlay--custom-mobile: transparent;
  --g-color-hero-breadcrumbs-custom: var(--g-color-link-breadcrumbs);
  --g-color-hero-title-custom: var(--g-color-type-h1);
  --g-color-hero-summary-custom: var(--g-color-type);
  /* 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-turquoise-700);
  --g-color-button-bg-hover: var(--g-color-brand-600);
  --g-color-button-text-hover: var(--g-color-white);
  --g-color-button-disabled-bg: var(--g-color-gray-300);
  --g-color-button-disabled-border: var(--g-color-gray-300);
  --g-color-button-disabled-text: var(--g-color-gray-550);
  --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-turquoise-700);
  --g-color-button-secondary-bg-hover: var(--g-color-brand-600);
  --g-color-button-secondary-border-hover: var(--g-color-brand-600);
  --g-color-button-secondary-text-hover: var(--g-color-white);
  --g-color-button-header-bar-bg: var(--g-color-turquoise-700);
  --g-color-button-header-bar-border: rgba(0, 51, 57, 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-brand);
  --g-color-button-header-bar-border-hover: transparent;
  --g-color-button-header-bar-icon-hover: var(--g-color-turquoise-700);
  --g-color-button-header-bar-text-hover: var(--g-color-turquoise-700);
  --g-color-button-header-bar-bg-hover-alt: var(--g-color-turquoise-700);
  --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: #a4d65e;
  --g-color-button-cta-border: #a4d65e;
  --g-color-button-cta-icon: var(--g-color-turquoise-700);
  --g-color-button-cta-text: var(--g-color-turquoise-700);
  --g-color-button-cta-bg-hover: var(--g-color-turquoise-700);
  --g-color-button-cta-border-hover: var(--g-color-turquoise-700);
  --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-brand);
  --g-color-button-overlay-border: var(--g-color-brand);
  --g-color-button-overlay-text: var(--g-color-turquoise-700);
  --g-color-button-overlay-bg-hover: var(--g-color-brand-600);
  --g-color-button-overlay-text-hover: var(--g-color-white);
  --g-color-button-backtotop-bg: #a4d65e;
  --g-color-button-backtotop-border: white;
  --g-color-button-backtotop-text: var(--g-color-type);
  --g-color-button-backtotop-bg-hover: #ffcc02;
  --g-color-button-backtotop-text-hover: var(--g-color-type);
  /* Tagging colours */
  --g-color-tag: var(--g-color-black);
  --g-color-border-tag: #abe3ec;
  --g-color-bg-tag: #abe3ec;
  --g-color-tag-file: var(--g-color-link);
  --g-color-tag-file-alt: var(--g-color-bg-page);
  --g-color-border-tag-file: var(--g-color-turquoise-700);
  --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-brand);
  --g-color-border-in-page-cta-alt: var(--g-color-brand-600);
  /* Messaging colours */
  --g-color-global-message-heading: var(--g-color-type-dark);
  --g-color-error-bg: rgba(178, 2, 1, 1);
  --g-color-alert-bg: rgba(248, 241, 94, 1);
  --g-color-warning-bg: rgba(178, 2, 1, 1);
  --g-color-tip-bg: rgba(1, 113, 217, 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: var(--g-color-turquoise-700);
  --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-type);
  --g-color-link-alt-breadcrumbs-icon: var(--g-color-brand-600);
  --g-color-link-grey: rgba(66, 66, 66, 1);
  --g-color-link-hover: var(--g-color-brand-600);
  --g-color-link-share-hover: var(--g-color-turquoise-700);
  --g-color-link-underline: var(--g-color-brand-600);
  --g-color-link-underline-hover: var(--g-color-brand-600);
  /* Jumplink colours */
  --g-color-jumplinks: var(--g-color-turquoise-700);
  --g-color-jumplinks-target: rgba(71, 71, 71, 1);
  /* Typographic colours */
  --g-color-type: var(--g-color-black);
  --g-color-type-alt: var(--g-color-white);
  --g-color-type-minor: rgba(71, 71, 71, 1);
  --g-color-type-dark: var(--g-color-type);
  --g-color-type-heading-general: var(--g-color-type);
  --g-color-type-heading-minor: rgba(71, 71, 71, 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);
  /* Icon colours */
  --g-color-icon-grayscale: rgba(44, 44, 44, 1);
  --g-color-icon-blockquote: var(--g-color-brand-600);
  /* Background colours */
  --g-color-bg-page: var(--g-color-white);
  --g-color-bg-component: var(--g-color-brand-200);
  --g-color-bg-component-wrapper: var(--g-color-white);
  --g-color-bg-component-alt: var(--g-color-type);
  --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-navy-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-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-type);
  --g-color-input-focus: var(--g-color-brand);
  --g-color-input-highlight: var(--g-color-brand-200);
  --g-color-input-placeholder: var(--g-color-gray-550);
  --g-color-input-text-border: var(--g-color-gray-400);
  --g-color-input-text-border-hover: var(--g-color-turquoise-700);
  --g-color-input-text-border-alt: var(--g-color-brand);
  --g-color-input-border-control: var(--g-color-turquoise-700);
  --g-color-input-border-control-hover: var(--g-color-brand);
  --g-color-input-border-control-alt: var(--g-color-brand-600);
  --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-turquoise-100);
  --g-color-multiselect-choice-text: var(--g-color-turquoise-700);
  /* Table colours */
  --g-color-table-border: rgba(233, 233, 233, 1);
  --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-gray-200);
  --g-color-table-type: var(--g-color-type);
  --g-color-table-type-header: var(--g-color-turquoise-700); }