@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";

:root {
  --color-bg: #0f172a;
  --color-bg-secondary: #111827;
  --color-text: #e5e7eb;
  --color-accent: #8b5cf6;
}

body {
  color: var(--color-text);
  font-family: Inter, system-ui, sans-serif;
}

.neon-text {
  color: #f8fafc;
  text-shadow: none;
  font-family: Inter, system-ui, sans-serif;
}

.neon-box,
.neon-box-accent {
  background: rgba(17, 24, 39, 0.78);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
  border-radius: 16px;
}

.retro-input {
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  font-family: Inter, system-ui, sans-serif;
}

.retro-button,
.retro-button-green,
.github-btn[data-v-b8d8a014] {
  border-radius: 10px;
  font-family: Inter, system-ui, sans-serif;
}

.retro-button {
  color: #fff;
  background: linear-gradient(135deg, #7c3aed, #8b5cf6);
  border-color: rgba(139, 92, 246, 0.35);
}

.retro-button-green {
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #06b6d4);
  border-color: rgba(6, 182, 212, 0.35);
}