/* Custom theme — loaded after bootstrap.min.css */

/* ── Primary colour: logo muted blue ── */
:root {
  --bs-primary:     #6d84b4;
  --bs-primary-rgb: 109, 132, 180;
  --bs-link-color:       #6d84b4;
  --bs-link-hover-color: #5a6e99;
}

/* Bootstrap 5 uses component-level vars for buttons — must override these too */
.btn-primary {
  --bs-btn-bg:                  #6d84b4;
  --bs-btn-border-color:        #6d84b4;
  --bs-btn-hover-bg:            #5a6e99;
  --bs-btn-hover-border-color:  #5a6e99;
  --bs-btn-active-bg:           #4e6085;
  --bs-btn-active-border-color: #4e6085;
  --bs-btn-color:               #fff;
  --bs-btn-hover-color:         #fff;
  --bs-btn-active-color:        #fff;
}

.btn-outline-primary {
  --bs-btn-color:               #6d84b4;
  --bs-btn-border-color:        #6d84b4;
  --bs-btn-hover-bg:            #6d84b4;
  --bs-btn-hover-border-color:  #6d84b4;
  --bs-btn-hover-color:         #fff;
  --bs-btn-active-bg:           #5a6e99;
  --bs-btn-active-border-color: #5a6e99;
}

.bg-primary { background-color: #6d84b4 !important; }
a { color: #6d84b4; }
a:hover { color: #5a6e99; }

/* ── Auth page ── */
.auth-bg {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #e8ecf4 0%, #dde4f0 100%);
}

/* ── Base layout ── */
body { background-color: #f8f9fa; }

/* ── Navbar ── */
.navbar-brand { font-weight: 600; letter-spacing: -0.5px; }

/* ── Cards ── */
.card { border: none; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
.badge-status { font-size: .78rem; padding: .35em .65em; }
.subscription-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
  transition: box-shadow .2s;
}

/* ── Tables ── */
table thead th {
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #6c757d;
}

/* ── Footer ── */
.app-footer {
  margin-top: 3rem;
  padding: 1.25rem 0;
  border-top: 1px solid #dee2e6;
}