/* Base styling for a dark theme blog */

/* Use a dark off-black background and off-white text */
body {
  background-color: #282a36; /* Dark, elegant background (avoids pure black) */
  color: #F8F8F2;           /* Off-white text for reduced glare */
  font-family: 'Open Sans', sans-serif; /* Clean, highly readable sans-serif */
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

/* Headings can use a serif for an elegant touch */
h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  line-height: 1.4;
}

/* Specific sizes for headings for clear hierarchy */
h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.75em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.25em;
}

h6 {
  font-size: 1em;
}

/* Paragraph styling for improved readability */
p {
  margin-bottom: 1em;
}

/* Link styling with a vibrant accent color */
a {
  color: #2AA198; /* Teal accent color */
}

a:hover {
  text-decoration: underline;
}

/* Emphasized text */
strong, b {
  font-weight: bold;
}

/* A container class to center content and add padding */
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 2em;
}