@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('fonts/Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2'),
       url('fonts/Atkinson-Hyperlegible-Regular-102.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('fonts/Atkinson-Hyperlegible-Bold-102a.woff2') format('woff2'),
       url('fonts/Atkinson-Hyperlegible-Bold-102.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('fonts/Atkinson-Hyperlegible-Italic-102a.woff2') format('woff2'),
       url('fonts/Atkinson-Hyperlegible-Italic-102.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  src: url('fonts/Atkinson-Hyperlegible-BoldItalic-102a.woff2') format('woff2'),
       url('fonts/Atkinson-Hyperlegible-BoldItalic-102.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

/* Typography-focused CSS */

/* Base font settings */
body {
  font-family: "Atkinson Hyperlegible", "Seravek", "SF Mono", Menlo, Monaco, "Courier New", Courier, monospace;
  font-size: 1em;
  line-height: 1.8;
  color: #333;
  background-color: #fffaf1;
  margin: 0;
  padding-left: 2em; /* Add left margin */
  padding-right: 2em; /* Add right margin */
  padding-top: 1em; /* Reduce wasted whitespace at the top */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Atkinson Hyperlegible", -apple-system, "Seravek", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin: 1.5em 0;
}

h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.875em;
}

/* Paragraphs */
p {
  margin: 0 0 1.5em;
  text-align: justify;
}

/* Links */
a {
  color: #104c9e;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #104c9e;
  text-decoration: underline;
}

/* Blockquotes */
blockquote {
  font-style: italic;
  margin: 1.5em 0;
  padding: 0 1em;
  border-left: 3px solid #ccc;
}

/* Lists */
ul, ol {
  margin: 1.5em 0;
  padding-left: 1.5em;
}

/* Preformatted text */
pre {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.875em;
  line-height: 1.5;
  background-color: #f5f5f5;
  padding: 1em;
  overflow-x: auto;
}

/* Code */
code {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.875em;
  background-color: #f5f5f5;
  padding: 0 0.25em;
}

/* Small print */
small {
  font-size: 0.75em;
}

/* faint small print for debugging */
.faint {
  color: #ccc;
}

/* :root {
    color-scheme: light dark;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
} */