@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Source+Sans+3:wght@300;400;600;700&display=swap');

:root {
  --site-ink: #111827;
  --site-ink-soft: #5f6877;
  --site-blue: #2563eb;
  --site-blue-soft: #eef3ff;
  --site-paper: #ffffff;
  --site-surface: #f5f5f7;
  --site-rule: #e5e7eb;
  --site-dark: #111827;
  --site-content: 980px;
}

*, *::before, *::after { box-sizing: border-box; }
html { color-scheme: light; scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--site-ink);
  background: var(--site-paper);
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 300;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--site-blue); }
:where(a, button):focus-visible { outline: 3px solid var(--site-blue); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}