@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Karla:ital,wght@0,400..800;1,400..800&family=DM+Mono:wght@400;500&display=swap");

:root {
  --paper: #F1E6CC;
  --surface: #FBF6EA;
  --ink: #2E2118;
  --muted: #6A5848;
  --line: #DCCBA6;
  --accent: #C93A1F;
  --accent-ink: #2A0A03;
  --link: #2F6787;
  --frame-aspect: 480 / 252;
  --frame: #110C08;
  --caption: #FFFFFF;

  --display: "Karla", "Helvetica Neue", Arial, sans-serif;
  --slab: "Alfa Slab One", Rockwell, Georgia, serif;
  --body: "Karla", "Helvetica Neue", Arial, sans-serif;
  --mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #19130E; --surface: #221A13; --ink: #F4EAD5; --muted: #A8998A; --line: #35291F;
    --accent: #F2613F; --accent-ink: #2A0A03; --link: #86BCDB; --frame: #070504; --caption: #FFFFFF;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #19130E; --surface: #221A13; --ink: #F4EAD5; --muted: #A8998A; --line: #35291F;
  --accent: #F2613F; --accent-ink: #2A0A03; --link: #86BCDB; --frame: #070504; --caption: #FFFFFF;
  color-scheme: dark;
}

.wordmark, .ptitle h3, .doc-home {
  font-family: var(--slab); font-weight: 400; font-style: normal; letter-spacing: 0;
}
.wordmark { font-size: clamp(34px, 6vw, 58px); line-height: .98; }
.wordmark mark { background: none; color: var(--accent); }
.results-head h2 { font-weight: 700; letter-spacing: -.01em; }