body {
    --white: #FFFFFF;
    --gray-05: #F2F2F2;
    --gray-20: #CCCCCC;
    --gray-40: #999999;
    --gray-60: #666666;
    --gray-70: #4D4D4D;
    --black: #1A1A1A;
    --blue: #1080A6;
    --blue-border: #0e6c8b;
    /*--orange: #fd7e14;*/
    --primary: var(--blue);
    --primary-dark: #073642; /*not an ODS colour but their dark blue is offensive on the eyeballs*/
    --primary-darker: #073241; /*determine if needed, not an ODS colour*/
    --secondary: var(--gray-20);
    --tertiary: #2B8737;
    --success: #118847;
    --success-pale: #39B54A;
    --info: #1080A6;
    --warning: var(--gold-darker);
    --warning-background: var(--gold);
    --danger: #F03093;
    --magenta: #F03093;
    --purple: #3c103b;
    --dull-blue-grey: #2e4a52;
    --light: var(--gray-05);
    --dark: var(--gray-70);
    --min-contrast-ratio: 1.75;
    --gold: #b58900; /*not an ODS colour but their gold is too pale*/
    --gold-darker: #684f00;
    --mud-palette-text-disabled: rgba(255, 255, 255, 0.55);
    --mud-border: rgba(255, 255, 255, 0.298);
    /*--bs-btn-color: var(--orange);*/
    /*--bs-btn-border-color: var();*/
    /*    --bs-btn-hover-color: #{$color-hover};
    --bs-btn-hover-bg: #{$active-background};
    --bs-btn-hover-border-color: #{$active-border};
    --bs-btn-focus-shadow-rgb: #{to-rgb($color)};*/
    /*  --bs-btn-active-color: #{$active-color};
  --bs-btn-active-bg: #{$active-background};
  --bs-btn-active-border-color: #{$active-border};
  --bs-btn-active-shadow: #{$btn-active-box-shadow};
  --bs-btn-disabled-color: #{$color};
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #{$color};*/
}