/*basic resets & typography*/

body {
    font-family: var(--font-body);
    margin: var(--space-2);
    background-color: var(--clr-bg);
    color: var(--clr-fg);
  }
  body {
    font-family: var(--font-body);
  }
  
  h1, h2, h3 {
    font-family: var(--font-header);
  }
  
  code, pre {
    font-family: var(--font-code);
  }
  
  a.accent {
    font-family: var(--font-accent);
  }

  .content {
    max-width: 900px;         /* Keeps lines readable */
    margin: 0 auto;           /* Centers it horizontally */
    padding: 2rem;            /* Adds space on all sides */
  }