:root {
  /* Brand color */
  --loree-brand-color: #112299; /* Applied for icons */
  --loree-primary-text-color: #2D3B45;
  --loree-primary-background-color:inherit;

  /* Table color */
  --loree-table-border-color: #a5a5a5;
  --loree-table-header-background-color: #112299;
  --loree-table-header-text-color: #ffffff;
  --loree-caption-color:#707070;

  /* Custom header styles */
  --loree-header-text-color: #112299; /* H1-H6 */

  --loree-header1-font-family: 'lato';
  --loree-header1-font-size: 38px;
  
  --loree-header2-font-family: 'lato';
  --loree-header2-font-size: 32px;

  --loree-header3-font-family: 'lato';
  --loree-header3-font-size: 24px;

  --loree-header4-font-family: 'lato';
  --loree-header4-font-size: 18px;

  --loree-header5-font-family: 'lato';
  --loree-header5-font-size: 16px;

  --loree-header6-font-family: 'lato';
  --loree-header6-font-size: 12px;

  --loree-paragraph-font-family: 'lato';
  --loree-paragraph-font-size: 16px;

  /* Custom link styles */
  --loree-link-color: #112299;
  --loree-link-font-family: 'lato';
  --loree-text-link-hover-color:#0A145C;
  --loree-link-font-size:16px;   
  --loree-link-text-decoration:none;
  --loree-link-text-decoration-type:solid;
  --loree-link-text-style:normal;

  /* Navigation */

  /* Basic element root values */
  --loree-border-color: #000000;
  --loree-divider-color: #585858;
  
  /*Module list button and grid style*/

  /*Button*/
  --loree-button-background-color:  #112299;
  --loree-button-background-hover-color: #ffffff;
  --loree-button-border-color: #112299;
  --loree-button-text-color: #ffffff;
  --loree-button-text-hover-color: #112299;

  /*Grid*/
  --loree-grid-background-color: #ffffff;
  --loree-grid-background-hover-color: #112299;
  --loree-grid-border-color:  #112299;
  --loree-grid-text-color: #112299;
  --loree-grid-text-hover-color: #ffffff;
}