/* arcade.css — shared "Arcade Cabinet" design tokens.
   Linked by every page (catalog, 404, …) so the base look stays consistent.
   Pages still add their own page-specific rules in an inline <style> block. */

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #0b0d0a;
  color: #e9f0e2;
  font-family: 'Space Grotesk', sans-serif;
}

a { color: inherit; text-decoration: none; }
a:hover { color: #c6ff3a; }

/* Uppercase mono eyebrow used above headings */
.eyebrow {
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.35em;
  color: #c6ff3a;
  text-transform: uppercase;
}

/* Phosphor-green outline button (fills on hover).
   Solid-ish backing so it stays legible over a background image too. */
.btn {
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #c6ff3a;
  background: rgba(8, 10, 7, 0.85);
  border: 1px solid #c6ff3a;
  border-radius: 4px;
  padding: 11px 20px;
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.btn:hover { background: #c6ff3a; color: #0b0d0a; }