:root {
  --rail-navy: #111827;
  --deep-ink: #07111f;
  --signal-red: #d7483f;
  --signal-green: #58b07a;
  --signal-amber: #e7b84c;
  --cream: #f7efe0;
  --warm-white: #fffaf0;
  --muted: #c8d0d9;
  --line: rgba(255, 250, 240, 0.2);
  --card: rgba(9, 20, 36, 0.76);
  --card-border: rgba(255, 250, 240, 0.18);
  overflow-y: hidden;
}




body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--warm-white);
  background:
    url("assets/hero-background.png") center / cover fixed,
    var(--deep-ink);
  overflow-x: hidden;
}

.page-shell {
  display: grid;
  place-items: center;
}