:root {
  --afterresume-accent: #5d8cff;
  --afterresume-accent-soft: rgba(93, 140, 255, 0.12);
  --afterresume-accent-secondary: #8d6bff;
}

.auth-shell {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(93, 140, 255, 0.15), transparent 40%),
    radial-gradient(circle at bottom right, rgba(141, 107, 255, 0.10), transparent 35%),
    linear-gradient(160deg, #f4f7ff 0%, #e8eeff 50%, #ede8ff 100%);
}

/* Sidenav gradient — matches brand blues/purples */
html[data-menu-color="gradient"] .sidenav-menu {
  --ct-sidenav-bg: linear-gradient(160deg, #0c1230 0%, #142060 40%, #2a1660 75%, #100c28 100%);
}

.sidenav-menu .side-nav-link.active,
.sidenav-menu .side-nav-link:hover {
  background: var(--afterresume-accent-soft);
  color: var(--afterresume-accent);
}

.badge-soft-primary,
.btn-primary,
.bg-primary {
  background-color: var(--afterresume-accent) !important;
  border-color: var(--afterresume-accent) !important;
}

.btn-outline-primary {
  color: var(--afterresume-accent);
  border-color: var(--afterresume-accent);
}

.btn-outline-primary:hover {
  background-color: var(--afterresume-accent);
  border-color: var(--afterresume-accent);
}

.topbar-menu .badge-soft-primary,
.badge-soft-primary {
  background-color: var(--afterresume-accent-soft) !important;
  color: var(--afterresume-accent) !important;
}

.content-page {
  background: linear-gradient(180deg, #f4f7ff 0%, #eaefff 100%);
}

.card {
  border-radius: 1rem;
}

.form-check .checkbox {
  margin-right: 0.5rem;
}

/* Reduce the default Color Admin login overlay darkness for better visibility */
.login-cover .login-cover-bg {
  background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.45) 100%) !important;
}

/* Login page: force readable (white) foreground text over background images */
.login, .login .login-container, .login .login-header, .login .login-content {
  color: #ffffff !important;
}
.login .login-header strong,
.login .login-header .text-muted,
.login .login-content .text-muted,
.login .login-content p,
.login .login-content label,
.login .login-content .form-check-label {
  color: rgba(255,255,255,0.95) !important;
}
.login .login-content a {
  color: rgba(255,255,255,0.95) !important;
}