:root {
  --bg-color: #0d0221;
  --surface-color: #1a093b;
  --border-color: #302060;
  --accent-color: #4b0082;
  --accent-hover: #6a0dad;
  --text-color: #e0e0ff;
  --font-family: 'Inter', sans-serif;
}

/* Core layout colors */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family);
}

.navbar,
.sidebar,
.gamecard,
.statbox,
#chatbar,
#tosModalContent,
.fairnesbody,
.dropdown-menu,
#inventorystarter,
#playerinventory,
.bottom-bar {
  background-color: var(--surface-color) !important;
}

#rightbar { border-right: 2px solid var(--border-color); }
#leftbar  { border-left: 2px solid var(--border-color); }

.statbox,
#tosModalContent,
.dropdown-menu,
#inventorystarter,
#playerinventory {
  border: 2px solid var(--border-color);
  color: var(--text-color);
}

.gamecard { color: var(--text-color) !important; }

.dropdown-item { color: var(--text-color); }
.dropdown-item:hover,
.dropdown-item:active {
  color: var(--text-color);
  background-color: var(--accent-color);
}

/* Buttons */
.btn-primary,
.btn-secondary {
  border: none;
  color: var(--text-color);
  background: linear-gradient(to bottom right, var(--accent-color), var(--accent-hover));
  border-radius: 15px;
  box-shadow: 0 0 5px 2px rgba(75, 0, 130, 0.5);
}

.btn-primary:hover,
.btn-secondary:hover {
  box-shadow: 0 0 20px 10px rgba(75, 0, 130, 0.5);
}

::placeholder { color: var(--text-color) !important; }