@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bg-primary: #0a0e16;
  --bg-secondary: #131a28;
  --bg-card: #1a2235;
  --gold: #E8943A;
  --gold-light: #f0b060;
  --green-felt: #1a5c2e;
  --green-dark: #0d4a1f;
  --green-border: #2d7a44;
  --red: #e74c3c;
  --red-dark: #c0392b;
  --blue: #3498db;
  --blue-dark: #2980b9;
  --green-btn: #27ae60;
  --green-btn-dark: #219a52;
  --text-primary: #f0f0f0;
  --text-secondary: #a0a8b8;
  --text-muted: #606878;
  --border: #2a3448;
  --shadow: rgba(0, 0, 0, 0.3);
}

html, body {
  font-family: 'Poppins', sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  height: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.2s ease;
}

button:hover {
  transform: translateY(-1px);
  filter: brightness(1.1);
}

button:active {
  transform: translateY(0);
  filter: brightness(0.95);
}

input {
  font-family: 'Poppins', sans-serif;
  outline: none;
  border: none;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

.hidden {
  display: none !important;
}