/* Light theme. Applied when html[data-theme="light"]. */
html[data-theme="light"]{
  --bg:#f4f8fc;
  --bg2:#e7f0f8;
  --panel:#ffffff;
  --panel2:#f7fbff;
  --line:rgba(8,90,190,.18);
  --lineSoft:rgba(12,32,64,.08);
  --text:#122033;
  --muted:#4d6074;
  --blue:#0877ff;
  --blue2:#0a8adf;
  --shadow:0 18px 50px rgba(16,42,84,.10);
  color:var(--text);
  background:
    radial-gradient(860px 440px at 74% 18%,rgba(8,119,255,.13),transparent 66%),
    radial-gradient(760px 380px at 12% 0%,rgba(44,201,255,.18),transparent 62%),
    linear-gradient(180deg,#f8fbfe 0%,#eef4fb 54%,#f6f9fc 100%);
}
html[data-theme="light"] body{
  color:var(--text);
  background:
    radial-gradient(860px 440px at 74% 18%,rgba(8,119,255,.13),transparent 66%),
    radial-gradient(760px 380px at 12% 0%,rgba(44,201,255,.18),transparent 62%),
    linear-gradient(180deg,#f8fbfe 0%,#eef4fb 54%,#f6f9fc 100%);
}
html[data-theme="light"] a{color:#0866d4}
html[data-theme="light"] a:hover{color:#063e86}

html[data-theme="light"] .siteHeader{
  background:rgba(248,251,255,.92);
  border-bottom:1px solid rgba(16,40,80,.08);
}
html[data-theme="light"] .brand{color:#102033}
html[data-theme="light"] .navList a{color:rgba(16,32,51,.78)}
html[data-theme="light"] .navList a:hover,
html[data-theme="light"] .navList a[aria-current="page"]{color:#0866d4}
@media (min-width:861px){
  html[data-theme="light"] .subNav{
    background:rgba(255,255,255,.98);
    border:1px solid rgba(8,119,255,.18);
    box-shadow:0 18px 40px rgba(16,42,84,.12);
  }
  html[data-theme="light"] .subNav a{color:#24364c}
  html[data-theme="light"] .subNav a:hover,
  html[data-theme="light"] .subNav a[aria-current="page"]{
    color:#0866d4;
    background:rgba(8,119,255,.08);
  }
}
html[data-theme="light"] .navToggle{
  color:#102033;
  background:#fff;
  border-color:rgba(8,119,255,.28);
}
html[data-theme="light"] .themeToggle{
  color:#0b4ea8;
  background:#fff;
  border-color:rgba(8,119,255,.35);
}
html[data-theme="light"] .themeToggle:hover{
  color:#0866d4;
  background:rgba(8,119,255,.08);
}
html[data-theme="light"] .nickNote{background:rgba(160,90,0,.12);color:#8a4b00}
html[data-theme="light"] .footerBrand strong{color:#122033}
html[data-theme="light"] .photoPlaceholder{color:#516278}
html[data-theme="light"] .splitText li{color:#24364c}

html[data-theme="light"] .siteMain{
  background:
    radial-gradient(860px 440px at 74% 18%,rgba(8,119,255,.13),transparent 66%),
    radial-gradient(760px 380px at 12% 0%,rgba(44,201,255,.18),transparent 62%),
    linear-gradient(180deg,#f8fbfe 0%,#eef4fb 54%,#f6f9fc 100%);
}
html[data-theme="light"] .hero:before{
  opacity:.55;
  background:
    linear-gradient(rgba(8,119,255,.10) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,rgba(8,119,255,.10) 1px,transparent 1px) 0 0/44px 44px;
}
html[data-theme="light"] .heroCopy h1{
  color:#0e1c30;
  text-shadow:none;
}
html[data-theme="light"] .heroCopy p{color:#3d5168}
html[data-theme="light"] .btnPrimary{color:#fff}
html[data-theme="light"] .btnGhost{
  color:#0b4ea8;
  background:#fff;
  border-color:rgba(8,119,255,.45);
  box-shadow:0 8px 22px rgba(16,42,84,.06);
}
html[data-theme="light"] .heroArtwork{
  filter:drop-shadow(0 28px 40px rgba(16,42,84,.18)) drop-shadow(0 0 36px rgba(8,119,255,.12));
}

html[data-theme="light"] .card,
html[data-theme="light"] .proofBand,
html[data-theme="light"] .split:not(.split--noMedia),
html[data-theme="light"] .splitText,
html[data-theme="light"] .splitBlock,
html[data-theme="light"] .form,
html[data-theme="light"] .tSlider,
html[data-theme="light"] .notice{
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  border:1px solid rgba(8,119,255,.16);
  box-shadow:0 14px 36px rgba(16,42,84,.08);
}
html[data-theme="light"] .split:not(.split--noMedia) > .splitText,
html[data-theme="light"] .splitGroup .splitText{
  background:transparent;
  border:0;
  box-shadow:none;
}
html[data-theme="light"] .card h3,
html[data-theme="light"] .proofTitle,
html[data-theme="light"] .proofText span,
html[data-theme="light"] .proofText strong,
html[data-theme="light"] .section h1,
html[data-theme="light"] .section h2,
html[data-theme="light"] .tSliderTitle,
html[data-theme="light"] .tQuote,
html[data-theme="light"] label,
html[data-theme="light"] .checkGroup legend{
  color:#122033;
}
html[data-theme="light"] .card p,
html[data-theme="light"] .proofQuote blockquote,
html[data-theme="light"] .section p,
html[data-theme="light"] .fieldNote,
html[data-theme="light"] .proofText em,
html[data-theme="light"] .tAuthor{
  color:#516278;
}
html[data-theme="light"] .learnMore,
html[data-theme="light"] .proofQuote cite{color:#0866d4}
html[data-theme="light"] .proofQuote,
html[data-theme="light"] .proofMetric{border-right-color:rgba(16,40,80,.08)}

html[data-theme="light"] .tNav{
  color:#122033;
  background:#fff;
  border-color:rgba(8,119,255,.28);
}
html[data-theme="light"] .tDot{background:rgba(16,40,80,.18)}
html[data-theme="light"] .tDot.isActive{background:#0877ff}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select{
  color:#122033;
  background:#fff;
  border:1px solid rgba(16,40,80,.16);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#7b8b9c}
html[data-theme="light"] .checkGroup{border-color:rgba(16,40,80,.12)}
html[data-theme="light"] .checkOption{
  color:#24364c;
  background:#f8fbfe;
  border-color:rgba(8,119,255,.14);
}

html[data-theme="light"] .siteFooter{
  background:#eaf1f8;
  border-top:1px solid rgba(16,40,80,.08);
  color:#516278;
}
html[data-theme="light"] .footerLinks a{color:#2c4258}
html[data-theme="light"] .footerLinks a:hover{color:#0866d4}
html[data-theme="light"] .footerBottom{border-top:1px solid rgba(16,40,80,.08)}

@media (max-width:860px){
  html[data-theme="light"] .siteNav{
    background:#fff;
    border:1px solid rgba(8,119,255,.18);
    box-shadow:0 18px 40px rgba(16,42,84,.12);
  }
  html[data-theme="light"] .subNav{
    background:transparent;
    border:0;
    border-left:1px solid rgba(8,119,255,.28);
    border-radius:0;
    box-shadow:none;
  }
  html[data-theme="light"] .subNav a{color:#24364c}
  html[data-theme="light"] .subNav a:hover,
  html[data-theme="light"] .subNav a[aria-current="page"]{
    background:transparent;
    color:#0866d4;
  }
  html[data-theme="light"] .proofQuote,
  html[data-theme="light"] .proofMetric{border-bottom-color:rgba(16,40,80,.08)}
  .themeToggle{margin-left:10px}
}