/* Taben admin theme — aligned with the public Next.js site palette.
   Site palette: charcoal #0b0b0d, graphite #16171a / #1f2024 / #2a2b30,
   gold #c9a24b, gold-bright #d4af37, text #f5f3ef. */

:root {
  --taben-charcoal: #0b0b0d;
  --taben-graphite: #16171a;
  --taben-graphite-light: #1f2024;
  --taben-graphite-muted: #2a2b30;
  --taben-gold: #c9a24b;
  --taben-gold-bright: #d4af37;
  --taben-text: #f5f3ef;

  /* Gold as Tabler primary everywhere */
  --tblr-primary: #c9a24b;
  --tblr-primary-rgb: 201, 162, 75;
  --tblr-primary-fg: #0b0b0d;
}

/* Dark surfaces / typography to match the site */
[data-bs-theme="dark"] {
  --tblr-body-bg: #0b0b0d;
  --tblr-body-bg-rgb: 11, 11, 13;
  --tblr-body-color: #f5f3ef;
  --tblr-body-color-rgb: 245, 243, 239;
  --tblr-secondary: rgba(245, 243, 239, 0.72);
  --tblr-secondary-color: rgba(245, 243, 239, 0.72);
  --tblr-muted: rgba(245, 243, 239, 0.48);

  --tblr-bg-surface: #16171a;
  --tblr-bg-surface-rgb: 22, 23, 26;
  --tblr-bg-surface-secondary: #1f2024;
  --tblr-bg-surface-tertiary: #2a2b30;
  --tblr-bg-surface-dark: #0b0b0d;

  --tblr-border-color: #2a2b30;
  --tblr-border-color-translucent: rgba(245, 243, 239, 0.10);

  --tblr-link-color: #d4af37;
  --tblr-link-hover-color: #c9a24b;
}

/* Gold primary buttons should have dark text for contrast */
.btn-primary {
  --tblr-btn-color: #0b0b0d;
  --tblr-btn-bg: #c9a24b;
  --tblr-btn-border-color: #c9a24b;
  --tblr-btn-hover-color: #0b0b0d;
  --tblr-btn-hover-bg: #d4af37;
  --tblr-btn-hover-border-color: #d4af37;
  --tblr-btn-active-bg: #d4af37;
  --tblr-btn-active-border-color: #d4af37;
}

/* Sidebar: charcoal with subtle gold-tinted active state */
.navbar-vertical {
  background: var(--taben-charcoal) !important;
  border-right: 1px solid var(--taben-graphite-muted);
}

.navbar-vertical .nav-link {
  color: rgba(245, 243, 239, 0.72);
}

.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-item.active > .nav-link,
.navbar-vertical .nav-link.active {
  color: var(--taben-gold-bright);
}

.navbar-vertical .nav-item.active > .nav-link {
  background: rgba(201, 162, 75, 0.08);
  box-shadow: inset 3px 0 0 var(--taben-gold);
}

/* Cards / headers a touch warmer */
.card {
  border-color: var(--taben-graphite-muted);
}

.page-title {
  color: var(--taben-text);
}

/* Login page logo background already dark; keep accents gold */
a {
  color: var(--taben-gold-bright);
}
a:hover {
  color: var(--taben-gold);
}