/* Conway's Life Lab — a quiet grid lit by live cells. */
:root {
  --bg: #050908;
  --card: #0c1511;
  --text: #effff5;
  --muted: #93aaa0;
  --accent: #39ff88;
}

body {
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(57, 255, 136, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57, 255, 136, 0.035) 1px, transparent 1px),
    radial-gradient(900px 500px at 50% -8%, rgba(21, 107, 61, 0.28), transparent 68%);
  background-size: 28px 28px, 28px 28px, auto;
}

h1 {
  color: #dfffea;
  text-shadow: 0 0 18px rgba(57, 255, 136, 0.4);
}

.tagline,
h2 {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.tagline {
  color: #78a98d;
  font-size: 0.78rem;
}

h2 {
  color: var(--accent);
  font-size: 0.92rem;
}

strong { color: #e8fff0; }
footer { border-top-color: #163024; }

@media (prefers-reduced-motion: no-preference) {
  a { transition: color 0.15s ease, text-shadow 0.15s ease; }
  a:hover { color: #a6ffc8; text-shadow: 0 0 10px rgba(57, 255, 136, 0.35); }
}