/** 
 * @file 
 * Default styles for the 'Hair and Skin Research Lab' (2167) 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_2167 
 */ 

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

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

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

  --uct-color--primary: #27395f;
  --uct-color--primary--light: #2b3f69;
  --uct-color--primary--dark: #233356;

  --uct-color--link: #0798db;
  --uct-color--link--light: #08a7f1;
  --uct-color--link--dark: #0689c5;

  --uct-color--highlight: #0798db;
  --uct-color--highlight--light: #08a7f1;
  --uct-color--highlight--dark: #0689c5;

  --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: #0ebaf4;
  --uct-color--bg--component--button--cta--light: #0fcdff;
  --uct-color--bg--component--button--cta--dark: #0da7dc;

  --uct-color--bg--component: #27395f;
  --uct-color--bg--component--light: #2b3f69;
  --uct-color--bg--component--dark: #233356;

  --uct-media--bg--slide-detail: url("/sites/default/files/uct_ac_za/main-page-article-graphic-03-0-1.svg");
}