/* VD Branding — Website + login theme. CSS-only, no core modification. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --vd-orange: #f28c1a;
  --vd-orange-dark: #d4780f;
  --vd-navy: #142054;
  --vd-navy-2: #1b2768;
}

body { font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

/* Login page — VD navy gradient backdrop */
body.login-page, .login-content, .for-login, .for-signup, .for-forgot {
  background: linear-gradient(135deg, var(--vd-navy-2) 0%, var(--vd-navy) 100%) !important;
}

/* Login card — orange top accent + soft shadow */
.page-card {
  border-top: 4px solid var(--vd-orange) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 40px rgba(8, 17, 42, 0.45) !important;
}
.page-card-head img { max-height: 48px; }

/* Login + website primary buttons — VD orange */
.btn-login, .page-card .btn-primary, .btn-primary {
  background-color: var(--vd-orange) !important;
  border-color: var(--vd-orange) !important;
  color: #ffffff !important;
}
.btn-login:hover, .page-card .btn-primary:hover, .btn-primary:hover {
  background-color: var(--vd-orange-dark) !important;
  border-color: var(--vd-orange-dark) !important;
}

/* Links */
a { color: var(--vd-navy-2); }
a:hover { color: var(--vd-orange); }