:root {
  --rallies-bg: #fafaf7;
  --rallies-ink: #14181f;
  --rallies-muted: #5b6472;
  --rallies-accent: #1b6f4a;
}

html, body {
  background: var(--rallies-bg);
  color: var(--rallies-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

main.hero {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wordmark {
  font-weight: 700;
  letter-spacing: -0.04em;
  font-size: clamp(3.5rem, 12vw, 7rem);
  line-height: 1;
  color: var(--rallies-ink);
}

.wordmark .dot {
  color: var(--rallies-accent);
}

.subhead {
  color: var(--rallies-muted);
  font-size: clamp(1.1rem, 2.4vw, 1.4rem);
  max-width: 36rem;
}

.body-copy {
  color: var(--rallies-muted);
  max-width: 32rem;
}

.btn-primary {
  background-color: var(--rallies-accent);
  border-color: var(--rallies-accent);
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #155a3c;
  border-color: #155a3c;
}

footer {
  color: var(--rallies-muted);
  font-size: 0.85rem;
}