/** 
 * @file 
 * Default styles for the 'SALS new' (2097) subsite theme 
 * 
 * Note: Do not modify this file as it will be overwritten. 
 * 
 * To add custom CSS and/or more custom properties, use libraries-extend 
 * from your theme, to extend: uct_themer/subsite_theme_2097 
 */ 

body {
  --uct-color--bg: #fff;
  --uct-color--bg--light: #ff1100;
  --uct-color--bg--dark: #e60e00;

  --uct-color--copy: #00243c;
  --uct-color--copy--light: #002842;
  --uct-color--copy--dark: #002036;

  --uct-color--copy--masthead: #00243c;
  --uct-color--copy--masthead--light: #002842;
  --uct-color--copy--masthead--dark: #002036;

  --uct-color--bg--masthead: #fff;
  --uct-color--bg--masthead--light: #ff1100;
  --uct-color--bg--masthead--dark: #e60e00;

  --uct-color--bg--masthead--mobile: #fff;
  --uct-color--bg--masthead--mobile--light: #ff1100;
  --uct-color--bg--masthead--mobile--dark: #e60e00;

  --uct-color--secondary: #00243c;
  --uct-color--secondary--light: #002842;
  --uct-color--secondary--dark: #002036;

  --uct-color--copy--button--secondary: #fff;
  --uct-color--copy--button--secondary--light: #ff1100;
  --uct-color--copy--button--secondary--dark: #e60e00;

  --uct-color--bg--button--secondary: #00243c;
  --uct-color--bg--button--secondary--light: #002842;
  --uct-color--bg--button--secondary--dark: #002036;

  --uct-color--primary: #4e7690;
  --uct-color--primary--light: #56829e;
  --uct-color--primary--dark: #466a82;

  --uct-color--copy--button--primary: #fff;
  --uct-color--copy--button--primary--light: #ff1100;
  --uct-color--copy--button--primary--dark: #e60e00;

  --uct-color--bg--button--primary: #817147;
  --uct-color--bg--button--primary--light: #8e7c4e;
  --uct-color--bg--button--primary--dark: #746640;

  --uct-color--copy--hero: #00243c;
  --uct-color--copy--hero--light: #002842;
  --uct-color--copy--hero--dark: #002036;

  --uct-color--highlight--hero: #817147;
  --uct-color--highlight--hero--light: #8e7c4e;
  --uct-color--highlight--hero--dark: #746640;

  --uct-color--bg--hero: #fff;
  --uct-color--bg--hero--light: #ff1100;
  --uct-color--bg--hero--dark: #e60e00;

  --uct-color--copy--primary--nav--hover: #00243c;
  --uct-color--copy--primary--nav--hover--light: #002842;
  --uct-color--copy--primary--nav--hover--dark: #002036;

  --uct-color--bg--nav--hover: #fff;
  --uct-color--bg--nav--hover--light: #ff1100;
  --uct-color--bg--nav--hover--dark: #e60e00;

  --uct-color--link: #817147;
  --uct-color--link--light: #8e7c4e;
  --uct-color--link--dark: #746640;

  --uct-color--highlight: #817147;
  --uct-color--highlight--light: #8e7c4e;
  --uct-color--highlight--dark: #746640;

  --uct-color--copy--footer: #fff;
  --uct-color--copy--footer--light: #ff1100;
  --uct-color--copy--footer--dark: #e60e00;

  --uct-color--bg--footer--menu: #383838;
  --uct-color--bg--footer--menu--light: #3e3e3e;
  --uct-color--bg--footer--menu--dark: #323232;

  --uct-color--copy--footer--link: #fff;
  --uct-color--copy--footer--link--light: #ff1100;
  --uct-color--copy--footer--link--dark: #e60e00;

  --uct-color--bg--footer: #1e1e1e;
  --uct-color--bg--footer--light: #212121;
  --uct-color--bg--footer--dark: #1b1b1b;

  --uct-color--copy--component: #fff;
  --uct-color--copy--component--light: #ff1100;
  --uct-color--copy--component--dark: #e60e00;

  --uct-color--copy--component--link-cta: #fff;
  --uct-color--copy--component--link-cta--light: #ff1100;
  --uct-color--copy--component--link-cta--dark: #e60e00;

  --uct-color--bg--component--button--cta: #00243c;
  --uct-color--bg--component--button--cta--light: #002842;
  --uct-color--bg--component--button--cta--dark: #002036;

  --uct-color--bg--component: #817147;
  --uct-color--bg--component--light: #8e7c4e;
  --uct-color--bg--component--dark: #746640;

}