/* === GLOBAALIT MUUTTUJAT JA NOLLAUS === */
:root {
  --dark-bg: #121212;
  --accent: #1e1e2f;
  --highlight: #2c2c3a;
  --text-light: #ffffffcc;
  --text-bright: #ffffff;
  --gradient: linear-gradient(to right, #333348, #1e1e2f);
  --today-highlight: #444466;
  --success: #4caf50;
  --error: #f44336;
  --warning: #ff9800;
  --category-note-color: var(--success);
  --main-font-family: 'Segoe UI', sans-serif; /* Oletusfontti CSS-muuttujana */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* === PERUSTYYLIT (BODY, YLEISET LINKIT) === */
body {
  font-family: var(--main-font-family); /* Käytetään CSS-muuttujaa */
  background-color: var(--dark-bg);
  color: var(--text-light);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  transition: background-color 0.3s, color 0.3s;
}

a {
  color: var(--text-bright);
  text-decoration: none;
  transition: color 0.2s;
}

a:hover {
  color: #aaaaff;
}