:root {
  --bg-primary: #0c0c0d;
  --bg-secondary: rgba(15, 17, 18, 0.75);
  --bg-tertiary: #0f1112;
  --bg-hover: #1a1d20;
  --accent-primary: #ef4444;
  --accent-secondary: #be123c;
  --accent-glow: rgba(239, 68, 68, 0.35);
  --accent-subtle: rgba(239, 68, 68, 0.12);
  --text-primary: #e6e6e6;
  --text-secondary: rgba(255, 255, 255, 0.72);
  --text-muted: rgba(255, 255, 255, 0.45);
  --success: #34d399;
  --error: #ef4444;
  --warning: #f59e0b;
  --border-primary: rgba(255, 255, 255, 0.04);
  --border-accent: rgba(239, 68, 68, 0.35);
  --lobby2: #be123c;
  --warzone: #ef4444;
  --custom: #34d399;
}

* {
  box-sizing: border-box;
}

html, body {
  color: var(--text-primary);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background: linear-gradient(180deg, var(--bg-primary), #070707 60%);
}

button,
input,
select,
textarea {
  font-family: inherit;
  color: inherit;
}