/* Shared by the static pages (privacy, terms, 404, thank-you).
   Colours match tailwind.config.js. */
:root {
  --base: #0a0e14;
  --surface: #0d1117;
  --elevated: #161b22;
  --border: #2a313a;
  --line: #3a424d;
  --muted: #aab4c0;
  --soft: #dde3ea;
  --accent: #39d353;
  color-scheme: dark;
}

/* Static pages */
body.page {
  margin: 0;
  background: var(--base);
  color: var(--soft);
  font: 17px/1.65 Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.page main { max-width: 720px; margin: 0 auto; padding: 48px 20px 80px; }
.page header { max-width: 720px; margin: 0 auto; padding: 20px; display: flex; justify-content: space-between; align-items: center; }
.page header a { color: #fff; font-weight: 700; text-decoration: none; display: inline-flex; min-height: 44px; align-items: center; }
.page h1 { color: #fff; font-size: 2.2rem; line-height: 1.15; margin: 0 0 8px; letter-spacing: -0.02em; }
.page h2 { color: #fff; font-size: 1.25rem; margin: 36px 0 8px; }
.page p, .page li { color: var(--soft); }
.page .muted { color: var(--muted); font-size: 0.9rem; }
.page a { color: #fff; }
.page a:focus-visible { outline: 2px solid #22d3ee; outline-offset: 3px; }
.page .eyebrow { font-family: 'JetBrains Mono', ui-monospace, Consolas, monospace; font-size: 0.75rem; color: var(--muted); letter-spacing: 0.15em; text-transform: uppercase; }
.page .btn {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; margin: 24px 12px 0 0;
  border-radius: 8px; border: 1px solid var(--line); color: var(--soft); text-decoration: none;
}
.page .btn.primary { background: var(--accent); border-color: var(--accent); color: var(--base); font-weight: 600; }
.page footer { max-width: 720px; margin: 0 auto; padding: 24px 20px 40px; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.9rem; }
.page footer a { color: var(--muted); margin-right: 16px; display: inline-block; padding: 10px 0; }