/* BNC Learning — light portal / login brand (kid ecosystem, not Desk) */
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap");

:root {
  --bnc-accent: #0088ff;
  --bnc-accent-deep: #006dcc;
  --bnc-ink: #2c2f34;
  --bnc-bg: #f5f9fd;
  --bnc-font: "Nunito", "Trebuchet MS", "Segoe UI", sans-serif;
}

/* Login + website shell */
body.login-page,
body[data-path="login"],
.web-page,
.page-container {
  font-family: var(--bnc-font);
}

body.login-page,
.for-login,
.login-content {
  background: radial-gradient(ellipse at top, #d6ebff 0%, transparent 50%),
    linear-gradient(180deg, #f5f9fd 0%, #eef5fc 100%) !important;
}

.btn-login,
.btn-primary,
button.btn-primary,
.btn.btn-primary {
  background-color: var(--bnc-accent) !important;
  border-color: var(--bnc-accent) !important;
  color: #fff !important;
  font-family: var(--bnc-font);
  font-weight: 700;
  border-radius: 999px !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-login:hover {
  background-color: var(--bnc-accent-deep) !important;
  border-color: var(--bnc-accent-deep) !important;
}

a,
.navbar a.active,
.nav-link.active {
  color: var(--bnc-accent);
}

.navbar,
.web-footer {
  font-family: var(--bnc-font);
}

.navbar .navbar-brand img,
.login-content img.app-logo,
img.splash-image,
img.app-logo {
  max-height: 48px;
  width: auto;
}

/* Soft logo cue on login when logo img missing — do not fight LMS Vue hard */
.page-card-head,
.for-login .page-card-head {
  color: var(--bnc-ink);
  font-weight: 800;
}