:root{
  --qs-blue: #1d4fa6;
  --qs-blue-2: #0a6fc9;
  --qs-green: #2aa35a;
  --qs-green-2: #79c04a;
}

/* Landing hero background + headline gradient (align with icon) */
body.home{
  background: radial-gradient(1200px 600px at 50% 0%, rgba(10,111,201,.16), rgba(255,255,255,0) 60%),
              radial-gradient(900px 500px at 80% 20%, rgba(42,163,90,.12), rgba(255,255,255,0) 55%),
              linear-gradient(180deg, #f7fbff 0%, #ffffff 55%, #ffffff 100%);
}

.qs-hero{
  background: transparent !important;
}

.qs-hero .heading{
  background: linear-gradient(90deg, var(--qs-blue) 0%, var(--qs-blue-2) 40%, var(--qs-green) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.qs-hero .sub-heading{
  color: rgba(15, 23, 42, 0.75) !important;
}

/* Links */
a { color: var(--qs-blue-2); }
a:hover, a:focus { color: var(--qs-blue) !important; }

/* Primary buttons */
.btn-primary,
.btn.btn-primary{
  background-color: var(--qs-blue) !important;
  border-color: var(--qs-blue) !important;
}
.btn-primary:hover,
.btn.btn-primary:hover{
  background-color: #153f84 !important;
  border-color: #153f84 !important;
}

/* Accent elements */
.theme-color { color: var(--qs-blue) !important; }
.cookie-consent { border-top-color: var(--qs-green) !important; }

/* Small “notice” bar on landing */
.notice { background: linear-gradient(90deg, rgba(10,111,201,.12), rgba(42,163,90,.12)); }