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

:root {
  --paper: #F1F2F8;
  --surface: #FBFBFE;
  --ink: #10187A;
  --muted: #4D5280;
  --line: #D6D8E8;
  --accent: #C8202B;
  --accent-ink: #FFFFFF;
  --link: #1D7A46;
  --frame: #05071F;
  --caption: #FFFFFF;

  --display: "EB Garamond", "ITC Garamond", Garamond, Georgia, serif;
  --body: "Work Sans", "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: #070C52; --surface: #0E1669; --ink: #F6F3EA; --muted: #A9AEDB; --line: #1E2780;
    --accent: #FF5A4F; --accent-ink: #2A0604; --link: #FFD166; --frame: #03041A; --caption: #FFFFFF;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #070C52; --surface: #0E1669; --ink: #F6F3EA; --muted: #A9AEDB; --line: #1E2780;
  --accent: #FF5A4F; --accent-ink: #2A0604; --link: #FFD166; --frame: #03041A; --caption: #FFFFFF;
  color-scheme: dark;
}

.wordmark {
  font-family: var(--display); font-weight: 800;
  font-size: clamp(36px, 6.4vw, 66px); line-height: .95; letter-spacing: -.035em;
}
.wordmark mark { background: none; color: var(--accent); }
.results-head h2, .ptitle h3 { font-weight: 800; letter-spacing: -.02em; }