/* Public landing page — signed-out home. Hero + a stack of "public" link
   cards to the always-public sections (PRs, seasons). */

.hero { padding: var(--sp-6) var(--sp-4) var(--sp-2); text-align: center; }
.hero h1 {
  color: var(--accent); font-size: var(--t-36);
  margin: var(--sp-2) 0; letter-spacing: var(--ls-tight);
  font-weight: var(--w-bold);
}
.hero .subtitle {
  color: var(--text-mute); font-size: var(--t-14);
  margin: 0 0 var(--sp-4);
}
.hero .cta-button { margin-top: var(--sp-3); }

.public-links {
  padding: var(--sp-2) var(--sp-4) var(--sp-6);
  display: grid; gap: var(--sp-3);
}

/* Link card — full block tap target on the landing page, replacing the old
   .card + .link-card combo that depended on legacy.css. */
.link-card {
  display: block; text-decoration: none;
  background: var(--surface-1); border: 1px solid var(--border);
  border-radius: var(--r-md); padding: var(--sp-4);
  box-shadow: var(--elev-1);
  color: var(--text);
  transition: background var(--motion-fast) var(--ease),
              border-color var(--motion-fast) var(--ease);
}
.link-card:hover {
  background: var(--surface-2); border-color: var(--border-strong);
  text-decoration: none;
}
.link-card h3 {
  margin: 0 0 var(--sp-1); color: var(--accent);
  font-size: var(--t-16); font-weight: var(--w-semi);
}
.link-card p {
  margin: 0; color: var(--text-mute); font-size: var(--t-13);
}