/** 
 * @file 
 * Default styles for the 'PENNY theme 2' (2347) 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_2347 
 */ 

body {
  --uct-color--copy: #21201f;
  --uct-color--copy--light: #242322;
  --uct-color--copy--dark: #1e1d1c;

  --uct-color--copy--masthead: #21201f;
  --uct-color--copy--masthead--light: #242322;
  --uct-color--copy--masthead--dark: #1e1d1c;

  --uct-color--secondary: #0468bf;
  --uct-color--secondary--light: #0472d2;
  --uct-color--secondary--dark: #045eac;

  --uct-color--copy--button--secondary: #f6f7ed;
  --uct-color--copy--button--secondary--light: #ffffff;
  --uct-color--copy--button--secondary--dark: #ddded5;

  --uct-color--bg--button--secondary: #1ca666;
  --uct-color--bg--button--secondary--light: #1fb770;
  --uct-color--bg--button--secondary--dark: #19955c;

  --uct-color--primary: #1ca666;
  --uct-color--primary--light: #1fb770;
  --uct-color--primary--dark: #19955c;

  --uct-color--copy--button--primary: #f6f7ed;
  --uct-color--copy--button--primary--light: #ffffff;
  --uct-color--copy--button--primary--dark: #ddded5;

  --uct-color--bg--button--primary: #0468bf;
  --uct-color--bg--button--primary--light: #0472d2;
  --uct-color--bg--button--primary--dark: #045eac;

  --uct-color--copy--primary--nav--hover: #f6f7ed;
  --uct-color--copy--primary--nav--hover--light: #ffffff;
  --uct-color--copy--primary--nav--hover--dark: #ddded5;

  --uct-color--bg--nav--hover: #1ca666;
  --uct-color--bg--nav--hover--light: #1fb770;
  --uct-color--bg--nav--hover--dark: #19955c;

  --uct-color--link: #1ca666;
  --uct-color--link--light: #1fb770;
  --uct-color--link--dark: #19955c;

  --uct-color--highlight: #f2cb05;
  --uct-color--highlight--light: #ffdf06;
  --uct-color--highlight--dark: #dab705;

  --uct-color--bg--footer--menu: #21201f;
  --uct-color--bg--footer--menu--light: #242322;
  --uct-color--bg--footer--menu--dark: #1e1d1c;

  --uct-color--bg--footer: #21201f;
  --uct-color--bg--footer--light: #242322;
  --uct-color--bg--footer--dark: #1e1d1c;

  --uct-color--copy--component--link-cta: #f6f7ed;
  --uct-color--copy--component--link-cta--light: #ffffff;
  --uct-color--copy--component--link-cta--dark: #ddded5;

  --uct-color--bg--component--button--cta: #0468bf;
  --uct-color--bg--component--button--cta--light: #0472d2;
  --uct-color--bg--component--button--cta--dark: #045eac;

  --uct-color--bg--component: #1ca666;
  --uct-color--bg--component--light: #1fb770;
  --uct-color--bg--component--dark: #19955c;

  --uct-media--bg--slide-detail: url("/sites/default/files/uct_ac_za/penny-carousel-graphic-2.png");
}