*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg: #0a0a0a;
  --surface: #111111;
  --surface-2: #1a1a1a;
  --border: #2a2a2a;
  --text-primary: #ffffff;
  --text-secondary: #9ca3af;
  --text-muted: #4b5563;
  --gold: #c9a96e;
  --gold-dark: #a07840;
  --gold-glow: rgba(201,169,110,0.15);
  --green: #10b981;
  --red: #ef4444;
  font-family: 'DM Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
html, body, #root { height: 100%; background: var(--bg); color: var(--text-primary); }
h1, h2, h3 { font-family: 'Syne', sans-serif; }
button { font-family: inherit; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }