:root {
  /*primary button*/
  --btn-primary-bg: #009fe3;
  --btn-primary-border-color: #008fd3;
  --btn-primary-color: #ffffff;
  --btn-primary-bg-hover: #428bca;
  --btn-primary-border-color-hover: #357ebd;
  /*cancel button*/
  --btn-cancel-bg: #f5a142;
  --btn-cancel-border-color: #f79220;
  --btn-cancel-color: #ffffff;
  --btn-cancel-bg-hover: #f2c088;
  --btn-cancel-border-color-hover: #f79220;
  /*danger button*/
  --btn-danger-bg: #b94a48;
  --btn-danger-border-color: #900;
  --btn-danger-color: #ffffff;
  --btn-danger-bg-hover: #900;
  --btn-danger-border-color-hover: #b94a48;
  /*success button*/
  --btn-success-bg: #5cb85c;
  --btn-success-border-color: #4cae4c;
  --btn-success-color: #ffffff;
  --btn-success-bg-hover: #47a447;
  --btn-success-border-color-hover: #398439;
  /*link*/
  --color-link: #1c1c1c;
  --color-link-hover:#00A8E6;
  /*attivita*/
  --color-attivita-normale: #cef5d8;
  --color-attivita-altre: #fce7d2;
  --color-attivita-festa: #fad9dd;
  --color-attivita-selezionata: #edcb5a;
  /*Topbar*/
  --bg-topbar: #f8f8f8;
  --border-bottom-topbar: #ccc;
  /*sidebar*/
  --bg-sidebar: #fafafa;
  --border-right-sidebar: #ccc;
  --color-sidebar: #333;
}


.color-primary{
  color: var(--btn-primary-bg);
}