/** 
 * @file 
 * Default styles for the 'IDCPPA Theme' (1296) 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_1296 
 */ 

body {
  --uct-color--bg: #f6f9fd;
  --uct-color--bg--light: #ffffff;
  --uct-color--bg--dark: #dde0e4;

  --uct-color--copy: #241c24;
  --uct-color--copy--light: #281f28;
  --uct-color--copy--dark: #201920;

  --uct-color--copy--masthead: #049cdb;
  --uct-color--copy--masthead--light: #04acf1;
  --uct-color--copy--masthead--dark: #048cc5;

  --uct-color--bg--masthead: #ffffff;
  --uct-color--bg--masthead--light: #ffffff;
  --uct-color--bg--masthead--dark: #e6e6e6;

  --uct-color--bg--masthead--mobile: #ffffff;
  --uct-color--bg--masthead--mobile--light: #ffffff;
  --uct-color--bg--masthead--mobile--dark: #e6e6e6;

  --uct-color--secondary: #a2a9ad;
  --uct-color--secondary--light: #b2babe;
  --uct-color--secondary--dark: #92989c;

  --uct-color--primary: #049cdb;
  --uct-color--primary--light: #04acf1;
  --uct-color--primary--dark: #048cc5;

  --uct-color--copy--hero: #ffffff;
  --uct-color--copy--hero--light: #ffffff;
  --uct-color--copy--hero--dark: #e6e6e6;

  --uct-color--bg--hero: #049cdb;
  --uct-color--bg--hero--light: #04acf1;
  --uct-color--bg--hero--dark: #048cc5;

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

  --uct-color--bg--nav--hover: #049cdb;
  --uct-color--bg--nav--hover--light: #04acf1;
  --uct-color--bg--nav--hover--dark: #048cc5;

  --uct-color--link: #025c82;
  --uct-color--link--light: #02658f;
  --uct-color--link--dark: #025375;

  --uct-color--highlight: #6cbddf;
  --uct-color--highlight--light: #77d0f5;
  --uct-color--highlight--dark: #61aac9;

  --uct-color--copy--footer: #ecf2f9;
  --uct-color--copy--footer--light: #ffffff;
  --uct-color--copy--footer--dark: #d4dae0;

  --uct-color--bg--footer--menu: #025c82;
  --uct-color--bg--footer--menu--light: #02658f;
  --uct-color--bg--footer--menu--dark: #025375;

  --uct-color--copy--footer--link: #ffffff;
  --uct-color--copy--footer--link--light: #ffffff;
  --uct-color--copy--footer--link--dark: #e6e6e6;

  --uct-color--bg--footer: #72808a;
  --uct-color--bg--footer--light: #7d8d98;
  --uct-color--bg--footer--dark: #67737c;

  --uct-color--copy--component: #ffffff;
  --uct-color--copy--component--light: #ffffff;
  --uct-color--copy--component--dark: #e6e6e6;

  --uct-color--copy--component--link-cta: #049cdb;
  --uct-color--copy--component--link-cta--light: #04acf1;
  --uct-color--copy--component--link-cta--dark: #048cc5;

  --uct-color--bg--component--button--cta: #a2a9ad;
  --uct-color--bg--component--button--cta--light: #b2babe;
  --uct-color--bg--component--button--cta--dark: #92989c;

  --uct-color--bg--component: #049cdb;
  --uct-color--bg--component--light: #04acf1;
  --uct-color--bg--component--dark: #048cc5;

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