@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600&family=Geist:wght@400;500&display=swap');

/* Font */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Josefin Sans', sans-serif;
}

body {
  font-family: 'Geist', sans-serif;
}

/* Tema chiaro */
body {
  background-color: #F9F9F9;
  color: #282828;
}

a {
  color: #4A79D4;
}

/* Bottoni */
button, .button, a.button {
  background-color: #4A79D4;
  color: #F9F9F9;
  border: none;
}

button:hover, .button:hover, a.button:hover {
  background-color: #282828;
  color: #F9F9F9;
  cursor: pointer;
}

/* Nav links */
.site-nav a.page-link {
  background-color: #4A79D4;
  color: #F9F9F9 !important;
  border: none;
  padding: 6px 12px;
  border-radius: 25px;
  text-decoration: none;
}

.site-nav a.page-link:hover {
  background-color: #B7B7B7;
  color: #282828 !important;
}

/* Tema scuro */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #282828;
    color: #F9F9F9;
  }

  a {
    color: #4A79D4;
  }

  a:hover {
    color: #F9F9F9;
  }

  button, .button, a.button {
    background-color: #4A79D4;
    color: #F9F9F9;
  }

  button:hover, .button:hover, a.button:hover {
    background-color: #F9F9F9;
    color: #282828;
  }

  .site-nav a.page-link {
    background-color: #4A79D4;
    color: #F9F9F9 !important;
  }

  .site-nav a.page-link:hover {
    background-color: #F9F9F9;
    color: #282828 !important;
  }
}

.site-footer .attribution {
  font-size: 0.7em;
  opacity: 0.4;
}