/* base.css — body, page frame, links
 *
 * Editorial defaults: warm dark surface, parchment text, generous
 * gutters. Designed to feel like a serious-purpose magazine.
 */

body {
  font-family: var(--sans);
  font-size: var(--fs-body);
  line-height: var(--lh-prose);
  color: var(--tx-1);
  background:
    radial-gradient(ellipse at top, rgba(196, 163, 95, 0.025) 0%, transparent 50%),
    var(--bg);
  background-attachment: fixed;
  font-feature-settings: "ss01" 1, "cv11" 1;  /* Switzer alt features for editorial polish */
}

/* Page frame: max-width container with generous gutters */
.frame {
  max-width: var(--frame-max);
  margin: 0 auto;
  padding: var(--sp-7) var(--gutter) var(--sp-9);
}

/* Links */
a {
  color: var(--tx-1);
  text-decoration: underline;
  text-decoration-color: var(--border-h);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: text-decoration-color var(--duration) var(--ease);
}
a:hover {
  text-decoration-color: var(--acc);
}
a.plain {
  text-decoration: none;
}
a.plain:hover {
  color: var(--acc-h);
}

/* Selection */
::selection {
  background: var(--acc-tint);
  color: var(--tx-1);
}

/* Scrollbar (webkit) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--bg);
}
::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: var(--radius-sm);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--border-h);
}