/* --- Default Light Mode --- */
body {
    font-family: sans-serif;
    text-align: center;
    margin: 2em;
    background-color: #ffffff; /* White background */
    color: #222222;            /* Dark text */
}
nav ul {
    list-style: none; /* Removes bullet points */
    padding: 0;
}
nav li {
    margin: 1em 0; /* Adds some space between links */
}
a {
    color: #0056b3; /* A nice standard blue for links */
}
footer {
    margin-top: 5em;
    font-size: 0.9em;
}

/* --- Dark Mode Override --- */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #1c1c1e; /* A dark grey, easier on the eyes than pure black */
        color: #eeeeee;            /* Light grey text */
    }
    a {
        color: #80a0ff; /* A lighter, more vibrant blue for dark backgrounds */
    }
}


/* Style for centered lists with left-aligned text */
.content-list {
  max-width: 600px;    /* Sets a maximum width for your list */
  margin: 2em auto;    /* Centers the block on the page (top/bottom margin is 2em, left/right is auto) */
  text-align: left;    /* Aligns the text INSIDE the block to the left */
  list-style: none;    /* Removes the default bullet points */
  padding: 0;          /* Removes the default padding */
}

.content-list li {
  margin-bottom: 1em;  /* Adds some nice spacing below each list item */
}