@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --bg: #0b0b0b;
  --surface: #151515;
  --surface-2: #1d1d1d;
  --line: #2a2a2a;
  --text: #f0e6c8;
  --muted: #9a917c;
  --gold: #c9962a;
  --gold-2: #e3b54a;
  --ok: #2fbf71;
  --danger: #e5484d;
  --display: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
  --body: 'Inter', 'Segoe UI', Arial, sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: var(--bg); color: var(--text); font-family: var(--body); }
button { font: inherit; color: inherit; cursor: pointer; border: 0; background: none; }
input, select, textarea { font: inherit; color: inherit; }
.hidden { display: none !important; }