/* Covenant color variables */
:root {
  --noah: #2980b9;
  --noah-bg: #edf4fb;
  --abraham: #b8860b;
  --abraham-bg: #fdf8eb;
  --sinai: #c0392b;
  --sinai-bg: #fdf0ee;
  --moab: #27ae60;
  --moab-bg: #eef9f2;
}

/* Card color overrides */
.card--noah { --cat: var(--noah); --cat-bg: var(--noah-bg); }

.card--abraham { --cat: var(--abraham); --cat-bg: var(--abraham-bg); }

.card--sinai { --cat: var(--sinai); --cat-bg: var(--sinai-bg); }

.card--moab { --cat: var(--moab); --cat-bg: var(--moab-bg); }

/* Covenant comparison table dark header */
.cov-compare th {
  background: var(--text);
  color: #fff;
  cursor: pointer;
}

.cov-compare th:hover { background: #3d2a1e; }

/* Covenant structure highlight */
.cov-structure {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 16px;
  margin: 10px 0;
  font-size: 0.92em;
}

.cov-structure dt {
  font-family: -apple-system, sans-serif;
  font-weight: 600;
  color: var(--accent);
  white-space: nowrap;
}

.cov-structure dd {
  color: var(--text);
}

@media (max-width: 600px) {
  .cov-structure { grid-template-columns: 1fr; gap: 2px 0; }
  .cov-structure dt { margin-top: 8px; }
}