/* Theme Colors */

:root
{
  --primary-color: #b4506d;
  --secondary-color: #e8ceb9;
  --tertiary-color: #225d78;
  --quaternary-color: #152b42;
  --quinary-color: #ff825c;

  --musei-section-color: #2f7393;
  --musei-section-alt-color: #225d78;
  --esposizioni-section-color: #983a56;
  --esposizioni-section-alt-color: #b4506d;
  --contest-section-color: #729987;
  --contest-section-alt-color: #507e69;
  --eventi-section-color: #ff784f;
  --eventi-section-alt-color: #f97047;;

  --white-color: #f5f5f5;
  --black-color: #333;
  
  --text-color: #fff;
  --text-alt-color: #000;

  --title-color: #fff;
  
  --link-color: #fff;
  --link-alt-color: #4a778b;
  
  --default-font-size: 20px;
  
  --body-font: "Myriad Pro Regular", sans-serif;
  --link-font: "Lato", sans-serif;
  --title-font: "Myriad Pro Regular", sans-serif;
  /*--title-font: "Good Brush";*/
  /*--title-font: "Brush King";*/
  /*--title-font: "Nextir Brush";*/
  --text-font: "Lato", sans-serif;
  --text-alt-font: "Lato", sans-serif;

  --toolbar-bg-color: var(--primary-color);
  --toolbar-text-color: var(--white-color);
  --toolbar-frame-color: var(--white-color);
  --toolbar-frame-border: 1px solid var(--white-color);
  --toolbar-frame-active-color: var(--white-color);
  --toolbar-frame-border-active-color: var(--white-color);

  --sidebar-bg-color: var(--primary-color);
  --sidebar-text-color: var(--white-color);
}

.primary-color
{
 background-color: var(--primary-color);
}

.secondary-color
{
  background-color: var(--secondary-color);
}

.tertiary-color
{
  background-color: var(--tertiary-color);
}

.quaternary-color
{
  background-color: var(--quaternary-color);
}

.quinary-color
{
  background-color: var(--quinary-color);
}

.white
{
  background-color: var(--white-color);
}