*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Segoe UI", "San Francisco", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif;
  background-color: var(--bg-dark);
  color: var(--text-dark);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Light mode overrides */
body.light-mode {
  background-color: var(--bg-light);
  color: var(--text-light);
}