/* ─── Base ───────────────────────────────────────────────────────────────── */
:root {
  --rr-gold:        #f0c040;
  --rr-blue-deep:   #0a0f2e;
  --rr-blue-mid:    #1a2a6c;
  --rr-blue-tile:   #1e3a8a;
  --rr-tile-hover:  #2563eb;
  --rr-tile-done:   #1e293b;
  --rr-text-main:   #f1f5f9;
  --bs-body-bg:     #0f172a;
  --bs-body-color:  #f1f5f9;
  --bs-card-bg:     #1e293b;
  --bs-border-color: #334155;
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: 'Segoe UI', system-ui, sans-serif;
}

/* ─── Card / Table overrides ─────────────────────────────────────────────── */
.card {
  background-color: var(--bs-card-bg);
  border-color: var(--bs-border-color);
}

.card-header {
  background-color: rgba(255,255,255,0.05);
  border-color: var(--bs-border-color);
}

.list-group-item {
  background-color: var(--bs-card-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

.list-group-item-action:hover {
  background-color: rgba(255,255,255,0.07);
  color: var(--bs-body-color);
}

.table {
  --bs-table-bg: transparent;
  --bs-table-hover-bg: rgba(255,255,255,0.04);
  color: var(--bs-body-color);
}

/* ─── Forms ──────────────────────────────────────────────────────────────── */
.form-control,
.form-select {
  background-color: #1e293b;
  border-color: #334155;
  color: var(--bs-body-color);
}

.form-control:focus,
.form-select:focus {
  background-color: #1e293b;
  border-color: var(--rr-gold);
  color: var(--bs-body-color);
  box-shadow: 0 0 0 0.2rem rgba(240,192,64,0.2);
}

.form-control::placeholder { color: #64748b; }

/* ─── Buttons ────────────────────────────────────────────────────────────── */
.btn-warning {
  color: #0f172a;
  background-color: var(--rr-gold);
  border-color: var(--rr-gold);
}

.btn-warning:hover {
  background-color: #d4a017;
  border-color: #d4a017;
  color: #0f172a;
}

/* Tiny button utility */
.btn-xs {
  padding: 1px 5px;
  font-size: 0.7rem;
  line-height: 1.4;
  border-radius: 3px;
}

/* ─── Navbar ─────────────────────────────────────────────────────────────── */
.navbar-dark.bg-dark {
  background-color: #050d1f !important;
}

/* ─── Question grid (editor) ─────────────────────────────────────────────── */
.question-grid td,
.question-grid th {
  font-size: 0.82rem;
  vertical-align: middle;
}

/* ─── Letter spacing utility ─────────────────────────────────────────────── */
.letter-spacing { letter-spacing: 0.1em; }