@import url("https://fonts.googleapis.com/css2?family=Limelight&family=Manrope:wght@400..800&family=DM+Mono:wght@400;500&display=swap");

:root {
  --paper: #F3EBDD;
  --surface: #FBF7F0;
  --ink: #161311;
  --muted: #5E564C;
  --line: #DDD2C1;
  --accent: #17A398;
  --accent-ink: #03201D;
  --mark: #0B7A71;
  --link: #A2401E;
  --frame: #0A0908;
  --caption: #FFFFFF;

  --marquee: "Limelight", "Didot", Georgia, serif;
  --display: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --body: "Manrope", "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: #121110; --surface: #1B1917; --ink: #EFE7DA; --muted: #A39A8D; --line: #2C2925;
    --accent: #3FD3C3; --accent-ink: #03201D; --mark: #3FD3C3; --link: #F09A6E; --frame: #070606; --caption: #FFFFFF;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #121110; --surface: #1B1917; --ink: #EFE7DA; --muted: #A39A8D; --line: #2C2925;
  --accent: #3FD3C3; --accent-ink: #03201D; --mark: #3FD3C3; --link: #F09A6E; --frame: #070606; --caption: #FFFFFF;
  color-scheme: dark;
}

.wordmark {
  font-family: var(--marquee); font-weight: 400;
  font-size: clamp(38px, 6.6vw, 66px); line-height: .95; letter-spacing: .01em;
}
.wordmark mark { background: none; color: var(--mark); }
.results-head h2, .ptitle h3 { font-weight: 800; letter-spacing: -.015em; }