/* Makes the support, thanks and privacy pages match the home page.
   Loaded after /style.css on those pages only. The writeup page does NOT use this file. */

@font-face { font-family: "Instrument Serif"; src: url(fonts/instrument-serif.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url(fonts/inter-var.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }

:root, :root:not([data-x]) {
  --bg: #0b0d12;
  --text: #eceef3;
  --muted: #8d95a8;
  --rule: rgba(255,255,255,.1);
  --accent: #7fa9ff;
  --field: #141821;
  --frame: #141821;
}

body { font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased; }
.wrap { padding-top: 1.5rem; }

header.site .name { font: 400 1.35rem/1 "Instrument Serif", Georgia, serif; letter-spacing: .01em; }
header.site .name::before { content: ""; display: inline-block; width: .55rem; height: .55rem; margin-right: .55rem; border-radius: 50%; background: #4f8cff; box-shadow: 0 0 12px #4f8cff; vertical-align: .12em; }

h1 { font: 400 clamp(2.6rem, 8vw, 3.8rem)/1 "Instrument Serif", Georgia, serif; letter-spacing: -.02em; }
h2 { font-weight: 600; }

form input, form select, form textarea { border-color: rgba(255,255,255,.14); }
form button { background: #eceef3; color: #0b0d12; border-radius: 999px; padding: .75rem 1.5rem; }