/** 
 * @file 
 * Default styles for the 'SCUBE' (1954) 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_1954 
 */ 

body {
  --uct-color--secondary: #373a36;
  --uct-color--secondary--light: #3d403b;
  --uct-color--secondary--dark: #323431;

  --uct-color--primary: #0f206c;
  --uct-color--primary--light: #112377;
  --uct-color--primary--dark: #0e1d61;

  --uct-color--highlight--hero: #ff00ff;
  --uct-color--highlight--hero--light: #ff00ff;
  --uct-color--highlight--hero--dark: #e600e6;

  --uct-color--bg--hero: #0f206c;
  --uct-color--bg--hero--light: #112377;
  --uct-color--bg--hero--dark: #0e1d61;

  --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: #38d430;
  --uct-color--bg--nav--hover--light: #3ee935;
  --uct-color--bg--nav--hover--dark: #32bf2b;

  --uct-color--link: #b300b3;
  --uct-color--link--light: #c500c5;
  --uct-color--link--dark: #a100a1;

  --uct-color--highlight: #38d430;
  --uct-color--highlight--light: #3ee935;
  --uct-color--highlight--dark: #32bf2b;

  --uct-color--copy--component--link-cta: #373a36;
  --uct-color--copy--component--link-cta--light: #3d403b;
  --uct-color--copy--component--link-cta--dark: #323431;

  --uct-color--bg--component--button--cta: #38d430;
  --uct-color--bg--component--button--cta--light: #3ee935;
  --uct-color--bg--component--button--cta--dark: #32bf2b;

  --uct-color--bg--component: #0f206c;
  --uct-color--bg--component--light: #112377;
  --uct-color--bg--component--dark: #0e1d61;

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