/* Rausmal brand layer over Tabler 1.5: gold #C8A048 on near-black, taken from rausmal.com.
   Gold is only 2.45:1 on white, so it is used as a fill (with dark text, 7:1) and a deeper
   gold carries links and gold-coloured text on light surfaces (5:1). */
:root,
[data-bs-theme=light] {
  --rausmal-gold: #c8a048;
  --rausmal-gold-deep: #8a6a1f;
  --rausmal-ink: #0b0b0c;
  --tblr-primary: #c8a048;
  --tblr-primary-rgb: 200, 160, 72;
  --tblr-primary-fg: #1a1a1a;
  --tblr-primary-darken: #b08a35;
  --tblr-link-color: #8a6a1f;
  --tblr-link-color-rgb: 138, 106, 31;
  --tblr-link-hover-color: #6e5418;
  --tblr-link-hover-color-rgb: 110, 84, 24;
}

.text-primary { color: var(--rausmal-gold-deep) !important; }
.bg-primary-lt { color: var(--rausmal-gold-deep) !important; }

.navbar-vertical { background: var(--rausmal-ink) !important; }
.navbar-vertical .navbar-brand-image { height: 2.25rem; width: auto; }
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-link:hover { color: var(--rausmal-gold) !important; }
.navbar-vertical .nav-link.active { box-shadow: inset 3px 0 0 var(--rausmal-gold); }
.navbar-vertical .nav-section-title { color: rgba(255, 255, 255, .45); }

.page-title, .brand-serif { font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; font-weight: 600; }
.page-title { font-size: 1.6rem; }

.topbar { background: var(--tblr-bg-surface); border-bottom: 1px solid var(--tblr-border-color); }
.topbar .notification-dot { position: absolute; top: .1rem; right: .1rem; }

.stat-value { font-size: 1.3rem; font-weight: 600; line-height: 1.25; }
.chart-range .btn.active { background: var(--rausmal-gold); color: #1a1a1a; border-color: var(--rausmal-gold); }

/* On a phone a table's nowrap headings and badges add up to more than the screen, so the
   whole card scrolls sideways. Let them wrap there; wider screens keep Tabler's look. */
@media (max-width: 575.98px) {
    .card-table thead th { white-space: normal; }
    .card-table .badge { white-space: normal; }
}