/* Cellway — a midnight logic grid lit by route pieces. */
:root {
  --bg: #101329;
  --card: #1a1e3b;
  --text: #f5f6ff;
  --muted: #a8acc9;
  --accent: #ff9f2a;
}

body {
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(117, 125, 174, 0.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(117, 125, 174, 0.065) 1px, transparent 1px),
    radial-gradient(780px 460px at 16% -4%, rgba(67, 209, 123, 0.19), transparent 66%),
    radial-gradient(720px 480px at 92% 12%, rgba(64, 151, 255, 0.2), transparent 68%);
  background-size: 32px 32px, 32px 32px, auto, auto;
}

h1 {
  color: #ffffff;
  text-shadow: 0 0 22px rgba(101, 90, 232, 0.46);
}

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

.tagline {
  color: #8d94c2;
  font-size: 0.78rem;
}

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

strong { color: #f8f8ff; }
footer { border-top-color: #2b3158; }

@media (prefers-reduced-motion: no-preference) {
  a { transition: color 0.15s ease, text-shadow 0.15s ease; }
  a:hover { color: #ffc06f; text-shadow: 0 0 10px rgba(255, 159, 42, 0.34); }
}