/* papermod.css — minimalist monochrome theme inspired by Hugo's
 * PaperMod. Sans-serif throughout, generous whitespace, narrow column,
 * subtle borders. Layers on top of themes/default.css.
 *
 * Set SITE_THEME=papermod to activate. See docs/theming.md.
 */

:root {
  /* Monochrome palette: neutral greys with a single accent. */
  --rkr-bg: #fafafa;
  --rkr-text: #1f1f1f;
  --rkr-muted: #6a6a6a;
  --rkr-rule: #e4e4e4;
  --rkr-link: #1f1f1f;          /* links read as bold text, not coloured */
  --rkr-link-hover: #555555;
  --rkr-shadow: rgba(0, 0, 0, 0.06);

  /* Narrower column than default — papermod is single-column prose first. */
  --rkr-content: 48rem;
  --rkr-prose: 36rem;
  --rkr-radius: 6px;

  /* Sans-serif throughout — drop the serif body. */
  --rkr-prose-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --rkr-display-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --rkr-base-size: 1rem;
  --rkr-line-height: 1.7;
}

@media (prefers-color-scheme: dark) {
  :root {
    --rkr-bg: #1d1e20;
    --rkr-text: #eaeaea;
    --rkr-muted: #9c9c9c;
    --rkr-rule: #2e2f31;
    --rkr-link: #eaeaea;
    --rkr-link-hover: #ffffff;
    --rkr-shadow: rgba(0, 0, 0, 0.5);
  }
}

/* ---- Header --------------------------------------------------------- */
/* Lighter chrome: no border under the header band, title sits flush. */
.rkr-site-head { border-bottom: 0; padding: 1.75rem 1.5rem 0.5rem; }
.rkr-site-title { font-size: 1.15rem; font-weight: 600; letter-spacing: 0; }
.rkr-site-tagline { font-size: 0.85rem; }

/* ---- Post list ------------------------------------------------------ */
/* Two-line entries: date on its own muted line above the title. */
.post-list li {
  grid-template-columns: 1fr;
  gap: 0.15rem;
  padding: 1.25rem 0;
}
.post-list time { font-size: 0.8rem; }
.post-list a {
  font-size: 1.15rem;
  font-weight: 600;
}

/* ---- Article body --------------------------------------------------- */
article > header h1 { font-size: 2.1rem; font-weight: 700; letter-spacing: -0.01em; }
article > header time { font-size: 0.85rem; }
article p { margin: 1.25em 0; }
article a { text-decoration-thickness: 1.5px; }

/* Code blocks pick up a slightly darker surface so they read distinctly
   on the lighter background. */
article code, article pre { background: color-mix(in srgb, var(--rkr-text) 8%, var(--rkr-bg)); }

/* ---- Footer -------------------------------------------------------- */
.rkr-site-foot { border-top: 0; font-size: 0.8rem; margin-top: 3rem; }

/* ---- Admin chrome -------------------------------------------------- */
/* Pill-styled admin strip links — the only visual ornament on the
   monochrome page. */
.rkr-admin-strip-link {
  padding: 0.15rem 0.6rem;
  border: 1px solid var(--rkr-rule);
  border-radius: 999px;
  font-size: 0.8rem;
}
.rkr-admin-strip-link:hover {
  background: var(--rkr-text);
  color: var(--rkr-bg);
  text-decoration: none;
  border-color: var(--rkr-text);
}
.rkr-admin-strip-logout .rkr-admin-strip-link { font-style: normal; }