/**
 * css/themes/ember-dark.css
 * Dark + Gold theme (default)
 * Palette: --bg:#0e0f12; --surface:#16181d; --text:#e9edf1; --muted:#a7b0bb; --accent:#caa86a; --border:#2a2e36
 * WCAG AA: 4.5:1 contrast (text on bg)
 */

:root {
  --de-bg: #0e0f12;
  --de-surface: #16181d;
  --de-text: #e9edf1;
  --de-muted: #a7b0bb;
  --de-accent: #caa86a;
  --de-border: #2a2e36;
}

body {
  background-color: var(--de-bg);
  color: var(--de-text);
}

a {
  color: var(--de-accent);
}

a:hover {
  color: #dab97a;
}

.btn-primary {
  background-color: var(--de-accent);
  border-color: var(--de-accent);
  color: #000;
}

.btn-primary:hover {
  background-color: #dab97a;
  border-color: #dab97a;
}

.navbar {
  background-color: var(--de-surface) !important;
  border-bottom: 1px solid var(--de-border);
}

.card {
  background-color: var(--de-surface);
  border-color: var(--de-border);
  color: var(--de-text);
}

.modal-content {
  background-color: var(--de-surface);
  border-color: var(--de-border);
  color: var(--de-text);
}

.dropdown-menu {
  background-color: var(--de-surface);
  border-color: var(--de-border);
}

.dropdown-item {
  color: var(--de-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--de-bg);
  color: var(--de-accent);
}

.form-control,
.form-select {
  background-color: var(--de-bg);
  border-color: var(--de-border);
  color: var(--de-text);
}

.form-control:focus,
.form-select:focus {
  background-color: var(--de-bg);
  border-color: var(--de-accent);
  color: var(--de-text);
  box-shadow: 0 0 0 0.25rem rgba(202, 168, 106, 0.25);
}

.list-group-item {
  background-color: var(--de-surface);
  border-color: var(--de-border);
  color: var(--de-text);
}

.list-group-item:hover {
  background-color: var(--de-bg);
}

.badge {
  background-color: var(--de-accent);
  color: #000;
}

.alert {
  background-color: var(--de-surface);
  border-color: var(--de-border);
  color: var(--de-text);
}

.table {
  color: var(--de-text);
  border-color: var(--de-border);
}

.table-dark {
  background-color: var(--de-surface);
}

.pagination .page-link {
  background-color: var(--de-bg);
  border-color: var(--de-border);
  color: var(--de-text);
}

.pagination .page-link:hover {
  background-color: var(--de-surface);
  border-color: var(--de-accent);
  color: var(--de-accent);
}

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

.btn-outline-light {
  color: var(--de-text);
  border-color: var(--de-border);
}

.btn-outline-light:hover {
  background-color: var(--de-accent);
  border-color: var(--de-accent);
  color: #000;
}

.bg-dark {
  background-color: var(--de-bg) !important;
}

.border {
  border-color: var(--de-border) !important;
}

.text-secondary {
  color: var(--de-muted) !important;
}