@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Playfair+Display:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&display=swap");

/* --- Warm textured background --- */
body {
  font-family: "EB Garamond", Georgia, serif;
  font-size: 19px;
  line-height: 1.75;
  color: #1a1816;

  background-color: #f1eadf;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(0,0,0,0.030), transparent 42%),
    radial-gradient(circle at 82% 28%, rgba(0,0,0,0.022), transparent 48%),
    radial-gradient(circle at 50% 92%, rgba(0,0,0,0.028), transparent 44%),
    repeating-linear-gradient(
      0deg,
      rgba(0,0,0,0.010),
      rgba(0,0,0,0.010) 1px,
      transparent 1px,
      transparent 5px
    );
}

/* --- “Book page” panel --- */
.wrapper,
.container,
.page-content,
main,
.markdown-body {
  max-width: 820px;
  margin: 44px auto 90px;
  padding: 48px 56px 72px;

  background: rgba(253, 251, 246, 0.72);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 18px;

  box-shadow:
    0 18px 55px rgba(0,0,0,0.18),
    0 2px 0 rgba(255,255,255,0.35) inset;
}

/* Responsive margins */
@media (max-width: 820px) {
  .wrapper,
  .container,
  .page-content,
  main,
  .markdown-body {
    margin: 20px 12px 64px;
    padding: 26px 20px 44px;
    border-radius: 14px;
  }
}

/* --- Typography --- */
h1, h2, h3 {
  font-family: "Playfair Display", Georgia, serif;
  color: #2a1f14;
  letter-spacing: 0.3px;
  line-height: 1.15;
}

h1 { font-size: 44px; margin-top: 0.2em; }
h2 { font-size: 28px; margin-top: 1.25em; }
h3 { font-size: 20px; margin-top: 1.1em; }

p, li { font-size: 19px; }

a { color: #2b2a78; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Code blocks */
code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  background: rgba(0,0,0,0.05);
  padding: 2px 5px;
  border-radius: 5px;
}

pre {
  background: rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: 14px 16px;
  overflow: auto;
}

/* --- Main title (H1) --- */
h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-variant: small-caps;
  font-weight: 600;
  color: #333333;
}

/* Remove link styling if theme wraps title in <a> */
h1 a {
  color: #333333 !important;
  text-decoration: none !important;
  pointer-events: none; /* makes it behave like plain text */
}