/* Minimal starter styles. Edit and save — browser-reload refreshes the tab. */
:root {
  --fg: #1a1a2e;
  --accent: #4361ee;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--fg);
  background: #f7f7fb;
}

.container {
  max-width: 720px;
  margin: 4rem auto;
  padding: 0 1.25rem;
}

.hero h1 {
  font-size: 3rem;
  margin: 0 0 0.25rem;
  color: var(--accent);
}

.lead {
  font-size: 1.25rem;
}

code {
  background: #ececf5;
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
}