/* Use CSS Variables for easy theme management */
:root {
  --background-color: #FDFBF7; /* Paper-like */
  --text-color: #3D3D3D;      /* Not pure black */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
}

/* Dark Mode Theme using user's OS preference */
@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #2C3E50; /* Blackboard-like */
    --text-color: #EAEAEA;      /* Not pure white */
  }
}

/* Basic styles for the page */
body {
  font-family: var(--font-family);
  background-color: var(--background-color);
  color: var(--text-color);

  /* Thoughtful layout: center content and prevent it from getting too wide */
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
  line-height: 1.6;
}