/* Bread Buddy — the app is one college-ruled index card, so its pages are too:
   warm paper, a serif for headings, and the red margin line down the left.
   Colour and type only; structure stays in /assets/site.css. */

:root {
  --bg: #f7f2e7;
  --fg: #221f1a;
  --muted: #6d6455;
  --rule: #d9cfba;

  /* The red margin line. */
  --accent: #b4453c;
  --accent-fg: #fbf8f1;

  --font-heading: ui-serif, "New York", Georgia, "Times New Roman", serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1a1713;
    --fg: #ece5d8;
    --muted: #9c9182;
    --rule: #35302a;
    --accent: #d4665c;
    --accent-fg: #1a1713;
  }
}

/* The margin rule. Drawn on the page edge rather than the text column so it
   behaves like the card's, and only where there is room for it. */
@media (min-width: 46rem) {
  main {
    position: relative;
  }

  main::before {
    content: "";
    position: absolute;
    top: -1.5rem;
    bottom: -1.5rem;
    left: -2.25rem;
    width: 1px;
    background: var(--accent);
    opacity: 0.55;
  }
}

h1 {
  letter-spacing: -0.01em;
}

/* Headings on a card are set in the serif at a readable size, not shouted. */
h2 {
  font-size: 1.1875rem;
  font-weight: 600;
}