/* docs.paulcenter.ai until the Astro site (docs/api.md §16): the look of paulcenter.ai, in one small file. */
@font-face { font-family: "Fraunces"; src: url("/fonts/fraunces-latin-opsz-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("/fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  --bg: #0f0e0d; --ink: #f6f1e7; --prose: #c2bbad; --muted: #8d877b; --line: rgba(246, 241, 231, 0.09); --clay-2: #f4a983;
  --serif: "Fraunces", ui-serif, Georgia, serif;
  --sans: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  color-scheme: dark;
}
html { background: var(--bg); -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 400 17px/1.6 var(--sans); color: var(--prose); background: var(--bg); -webkit-font-smoothing: antialiased; }
a { color: var(--ink); }
:focus-visible { outline: 2px solid var(--clay-2); outline-offset: 3px; border-radius: 6px; }
main { width: min(680px, 100% - 40px); margin: 0 auto; padding: 18vh 0 96px; }
.brand { font: 400 21px var(--serif); color: var(--ink); text-decoration: none; }
h1 { margin: 40px 0 16px; font: 400 clamp(36px, 6vw, 56px)/1.08 var(--serif); letter-spacing: -0.02em; color: var(--ink); }
.label { margin: 48px 0 8px; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
p { margin: 0 0 16px; }
footer { margin-top: 64px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
footer a { color: var(--muted); }