:root {
  --warded-blue: #2450f5;
  --warded-blue-deep: #153bd1;
  --warded-blue-bright: #4f76ff;
  --warded-blue-soft: rgba(36, 80, 245, .14);
  --warded-blue-line: rgba(79, 118, 255, .34);
  --warded-ink: #03050d;
  --warded-white: #f8faff;
  --violet: #2450f5;
  --cyan: #6f8cff;
  --coral: #315cff;
  --amber: #f8faff;
  --space-blue-deep: #153bd1;
  --space-blue: #2450f5;
  --accent: #2450f5;
  --accent-bg: rgba(36, 80, 245, .14);
  --accent-border: rgba(79, 118, 255, .32);
  --blue: #4f76ff;
  --blue-bg: rgba(36, 80, 245, .12);
  --blue-border: rgba(79, 118, 255, .28);
}

html { background: var(--warded-ink); }
body {
  background-color: var(--warded-ink);
  background-image:
    radial-gradient(circle at 82% 2%, rgba(36, 80, 245, .18), transparent 30rem),
    radial-gradient(circle at 8% 94%, rgba(36, 80, 245, .08), transparent 34rem);
}

::selection { color: #fff; background: var(--warded-blue); }

.warded-wordmark {
  display: block;
  width: 118px;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .96;
}
.warded-wordmark--nav { width: 108px; }
.warded-wordmark--footer { width: 132px; }
.warded-wordmark--portal { width: 142px; margin: 0 auto; }
.warded-wordmark--sidebar { width: 126px; }
.warded-wordmark--legal { width: 104px; }

#hk-prog {
  background: linear-gradient(90deg, #153bd1, #2450f5 50%, #83a0ff);
  box-shadow: 0 0 14px rgba(36, 80, 245, .72);
}
#hk-fluid { opacity: .48; }
#hk-fluid-inner {
  background:
    radial-gradient(circle at 18% 18%, rgba(80, 125, 255, .92), transparent 31%),
    radial-gradient(circle at 82% 28%, rgba(36, 80, 245, .96), transparent 34%),
    radial-gradient(circle at 52% 78%, rgba(21, 59, 209, .88), transparent 36%),
    #071440;
}
.hk-nav-in {
  border-color: rgba(79, 118, 255, .20);
  box-shadow: 0 10px 42px rgba(0, 0, 0, .35), 0 0 42px rgba(36, 80, 245, .06);
}
.hk-nav-in.sc { border-color: rgba(79, 118, 255, .30); }
.hk-hero::before {
  background: radial-gradient(circle, rgba(36, 80, 245, .22), rgba(79, 118, 255, .07) 42%, transparent 72%);
}
.hk-badge {
  border-color: rgba(79, 118, 255, .34);
  background: linear-gradient(90deg, rgba(36, 80, 245, .12), rgba(79, 118, 255, .06));
}
.hk-h1-line--accent {
  background: linear-gradient(105deg, #f8faff 3%, #86a0ff 43%, #2450f5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.btn-call,
.login-btn,
.btn,
.save-btn,
.uf-cta,
.btn-sm.primary {
  color: #fff;
  background: linear-gradient(112deg, var(--warded-blue-deep), var(--warded-blue));
  border-color: var(--warded-blue-line);
  box-shadow: 0 10px 30px rgba(21, 59, 209, .30);
}
.btn-solid {
  color: #fff;
  background: linear-gradient(112deg, var(--warded-blue-deep), var(--warded-blue) 58%, var(--warded-blue-bright));
  border-color: rgba(132, 160, 255, .42);
  box-shadow: 0 12px 38px rgba(21, 59, 209, .30);
}
.btn-call:hover,
.btn-solid:hover,
.login-btn:hover,
.btn:hover,
.save-btn:hover,
.uf-cta:hover,
.btn-sm.primary:hover {
  background: linear-gradient(112deg, #1d46db, #3f68ff);
  box-shadow: 0 14px 42px rgba(36, 80, 245, .38);
}
.b-ic,
.fc-icon,
.file-icon {
  color: #dfe7ff;
  background: linear-gradient(135deg, rgba(36, 80, 245, .25), rgba(79, 118, 255, .10));
  border-color: rgba(79, 118, 255, .25);
}
.stat-n {
  background: linear-gradient(110deg, #fff, #6f8cff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.login-card,
.card {
  border-color: rgba(79, 118, 255, .18);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .42), 0 0 70px rgba(36, 80, 245, .08);
}
.bg-glow-top,
.bg-glow::before { background: rgba(36, 80, 245, .16); }
.bg-glow-side.l { background: rgba(36, 80, 245, .35); opacity: .22; }
.bg-glow-side.r { background: rgba(79, 118, 255, .28); opacity: .18; }
.beam-t,
.beam-b { background: linear-gradient(90deg, transparent, rgba(79, 118, 255, .92), transparent); }
.beam-r,
.beam-l { background: linear-gradient(180deg, transparent, rgba(79, 118, 255, .92), transparent); }
.corner-glow { background: #6f8cff; }
.login-input:focus,
.field input:focus,
.form-field input:focus,
.form-field textarea:focus {
  border-color: rgba(79, 118, 255, .62);
  box-shadow: 0 0 0 3px rgba(36, 80, 245, .13);
}
.check-label input[type="checkbox"] { accent-color: var(--warded-blue); }
.page-tag,
.eyebrow { border-color: rgba(79, 118, 255, .24); }
.site-nav { border-bottom-color: rgba(79, 118, 255, .16); }
.site-nav a:hover,
.nav-back:hover,
.ft-links-legal a:hover { color: #8fa8ff; }
.cookie-consent-primary,
.jm-cookie-btn.primary {
  color: #fff;
  background: var(--warded-blue);
  border-color: var(--warded-blue-bright);
}
.jm-cookie-btn.primary:hover { background: #3f68ff; }

@media (max-width: 640px) {
  .warded-wordmark--nav { width: 94px; }
  .warded-wordmark--sidebar { width: 112px; }
}