:root {
  --brand: #2fa4e7;
  --brand-dark: #1e8ac8;
}

body {
  background-image: url('/static/img/chalkboard-bg.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-color: #2c3e2d;
}

.navbar-admin {
  background-color: #fff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.15);
}

/* Text that sits on the chalkboard background (outside white cards) */
.row > .col h2,
.row > .col h3,
.row > .col h4,
.row > .col h5 {
  color: #fff;
}

.breadcrumb-item > a {
  color: rgba(255, 255, 255, 0.8);
}
.breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.6);
}
.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.45);
}

/* Muted text outside cards (e.g. short_name subtitle) */
.container-fluid > .row > .col .text-muted,
.container-fluid > .row > .col code {
  color: rgba(255, 255, 255, 0.6) !important;
}

.bg-brand { background-color: var(--brand) !important; }
.btn-brand {
  background-color: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.btn-brand:hover {
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
  color: #fff;
}
.text-brand { color: var(--brand) !important; }