/**
 * Daniel Institute LMS — visual alignment with danielinstitute.net
 * Navy + gold, serif headings, clean academic feel.
 */
:root {
  --di-navy: #142236;
  --di-navy-mid: #1e3a5f;
  --di-navy-deep: #0b1420;
  --di-gold: #c6a04a;
  --di-gold-light: #dcc685;
  --di-parchment: #faf8f4;
  --di-muted: #5c6570;
}

.di-body {
  font-family: "Source Sans 3", system-ui, sans-serif;
  background-color: var(--di-parchment);
  color: #212529;
}

.di-font-heading {
  font-family: "Cormorant Garamond", Georgia, serif;
}

.di-hero {
  background: linear-gradient(135deg, var(--di-navy-deep) 0%, var(--di-navy-mid) 48%, var(--di-navy) 100%);
}

.di-hero-eyebrow {
  letter-spacing: 0.12em;
  color: var(--di-gold-light);
  font-weight: 600;
}

.di-hero-lead {
  color: rgba(255, 255, 255, 0.92);
}

.navbar-di {
  background: #fff !important;
  border-bottom: 1px solid rgba(20, 34, 54, 0.08);
  box-shadow: 0 1px 0 rgba(20, 34, 54, 0.04);
}

.navbar-di .navbar-brand {
  color: var(--di-navy) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 700;
  font-size: 1.35rem;
}

.navbar-di .nav-link {
  font-weight: 600;
  color: var(--di-navy) !important;
}

.navbar-di .nav-link:hover {
  color: var(--di-navy-mid) !important;
}

.navbar-di .nav-link.active {
  color: var(--di-gold-dark) !important;
}

.btn-di-gold {
  --bs-btn-color: var(--di-navy-deep);
  --bs-btn-bg: var(--di-gold);
  --bs-btn-border-color: var(--di-gold);
  --bs-btn-hover-bg: var(--di-gold-light);
  --bs-btn-hover-border-color: var(--di-gold-light);
  --bs-btn-hover-color: var(--di-navy-deep);
  --bs-btn-active-bg: #b8923e;
  font-weight: 600;
}

.btn-di-outline-navy {
  --bs-btn-color: var(--di-navy);
  --bs-btn-border-color: var(--di-navy);
  --bs-btn-hover-bg: var(--di-navy);
  --bs-btn-hover-color: #fff;
}

.bg-di-navy {
  background-color: var(--di-navy) !important;
}

.di-footer {
  background: var(--di-navy-deep);
  color: rgba(255, 255, 255, 0.85);
  margin-top: auto;
}

.di-footer a {
  color: var(--di-gold-light);
  text-decoration: none;
}

.di-footer a:hover {
  color: #fff;
  text-decoration: underline;
}

.card.di-card-module {
  border: none;
  box-shadow: 0 0.125rem 1rem rgba(20, 34, 54, 0.08);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.card.di-card-module:hover {
  box-shadow: 0 0.35rem 1.25rem rgba(20, 34, 54, 0.12);
  transform: translateY(-2px);
}

.di-classroom-block {
  border-left: 4px solid var(--di-gold);
  background: #fff;
  box-shadow: 0 0.125rem 0.75rem rgba(20, 34, 54, 0.06);
}

/* Admin: compact dark top bar */
.navbar-admin {
  background: linear-gradient(90deg, var(--di-navy-deep), var(--di-navy)) !important;
}

.navbar-admin .nav-link {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 0.9rem;
}

.navbar-admin .nav-link:hover,
.navbar-admin .nav-link.active {
  color: var(--di-gold-light) !important;
}

.navbar-admin .navbar-brand {
  color: #fff !important;
  font-family: "Cormorant Garamond", Georgia, serif;
}