:root {
  --bg: #0A0B0E;
  --bg-deep: #060708;
  --card: #15171C;
  --gold: #C9A227;
  --gold-22: rgba(201, 162, 39, .22);
  --gold-30: rgba(201, 162, 39, .30);
  --cream: #F5F3EE;
  --white: #FFFFFF;
  --line: rgba(255, 255, 255, .12);
  --orange: #FF7A29;
  --green: #3ECF8E;
  --blue: #2E8FFF;
  --correct: #70AD47;
  --wrong: #E5484D;
  --accent: var(--gold);
  --display: 'Archivo Black', 'Arial Black', system-ui, sans-serif;
  --body: 'Inter', system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { background: var(--bg); color: var(--white); font-family: var(--body); -webkit-font-smoothing: antialiased; }
button, input { font: inherit; color: inherit; }