/** 
 * @file 
 * Default styles for the 'Centre for Film and Media Studies' (806) 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_806 
 */ 

body {
  --uct-color--secondary: #c3c3c3;
  --uct-color--secondary--light: #d7d7d7;
  --uct-color--secondary--dark: #b0b0b0;

  --uct-color--primary: #181818;
  --uct-color--primary--light: #1a1a1a;
  --uct-color--primary--dark: #161616;

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

  --uct-color--highlight--hero: #f6f6f6;
  --uct-color--highlight--hero--light: #ffffff;
  --uct-color--highlight--hero--dark: #dddddd;

  --uct-color--bg--hero: #202020;
  --uct-color--bg--hero--light: #232323;
  --uct-color--bg--hero--dark: #1d1d1d;

  --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: #121212;
  --uct-color--bg--nav--hover--light: #141414;
  --uct-color--bg--nav--hover--dark: #101010;

  --uct-color--highlight: #202020;
  --uct-color--highlight--light: #232323;
  --uct-color--highlight--dark: #1d1d1d;

  --uct-color--copy--footer: #000000;
  --uct-color--copy--footer--light: #000000;
  --uct-color--copy--footer--dark: #000000;

  --uct-color--bg--footer--menu: #b8b8b8;
  --uct-color--bg--footer--menu--light: #cacaca;
  --uct-color--bg--footer--menu--dark: #a6a6a6;

  --uct-color--copy--footer--link: #000000;
  --uct-color--copy--footer--link--light: #000000;
  --uct-color--copy--footer--link--dark: #000000;

  --uct-color--bg--footer: #b8b8b8;
  --uct-color--bg--footer--light: #cacaca;
  --uct-color--bg--footer--dark: #a6a6a6;

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

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

  --uct-color--bg--component--button--cta: #686868;
  --uct-color--bg--component--button--cta--light: #727272;
  --uct-color--bg--component--button--cta--dark: #5e5e5e;

  --uct-color--bg--component: #2d2d2d;
  --uct-color--bg--component--light: #323232;
  --uct-color--bg--component--dark: #292929;

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