@font-face {
  font-family: 'StackSansNotch';
  src: url('/assets/font/StackSansNotch-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --brand: #47F138;
  --bg: #0e1621;
  --fg: #e7ecef;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'StackSansNotch', system-ui, sans-serif;
  background-color: var(--bg);
  color: var(--fg);
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
}

.btn, .btn.ghost {
  border: none;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 8px 14px;
  color: #e7ecef;
  transition: all 0.25s ease;
}

.btn:hover, .btn.ghost:hover {
  background: rgba(71, 241, 56, 0.12);
  color: var(--brand);
}