:root{
  /* brand */
  --primary-color:#0077ff;
  --primary-hover:#005bb5;
  --secondary-color:#002244;
  --accent-color:#005bb5;

  --menu-gradient-start:#0077ff;
  --menu-gradient-end:#0099ff;

  --main-bg-color:#f2f2f2;
  --main-text-color:#333;
  --secondary-text-color:#6f6f6f;
  --button-color:#444;
  --overlay-bg:rgba(0,0,0,.5);
  --box-bg:#fff;
  --text-color:#333;
  --border-radius:8px;

  /* palette dal logo */
  --blue-dark:#2e2a85;
  --blue-light:#009fe3;
  --blue-lighter:#4dc6ff;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;text-decoration:none}
body{
  font-family:'Open Sans',sans-serif;
  font-weight:300;
  background:#f2f5f9;
  color:var(--main-text-color);
}