/* Default light palette. The dark theme remains available from the footer. */
html:not(.dark-theme) {
  --night: #f5f8fc;
  --panel: #fff;
  --panel-back: #edf4fc;
  --ink: #203a55;
  --muted: #657a91;
  --blue: #1e78c8;
  --line: #d6e2ef;
  color-scheme: light;
}
html:not(.dark-theme) .header {
  background: #f5f8fced;
  border-color: #dce5f0;
}
html:not(.dark-theme) .header nav button {
  color: #61788f;
}
html:not(.dark-theme) .header nav button:hover {
  color: #1e78c8;
}
html:not(.dark-theme) .nav-contact {
  background: #edf4fc;
  border-color: #c5d7e9;
  color: #244f77;
}
html:not(.dark-theme) .nav-contact svg {
  color: #1e78c8;
}
html:not(.dark-theme) .nav-contact:hover {
  background: #e1edf9;
  border-color: #96b6d5;
}
html:not(.dark-theme) .intro:before {
  background: radial-gradient(ellipse at 50% 45%, #e1ecfc77, transparent 65%);
}
html:not(.dark-theme) .eyebrow {
  color: #6483a2;
}
html:not(.dark-theme) .status-dot {
  background: #3e8ed5;
  box-shadow: 0 0 12px #438dd133;
}
html:not(.dark-theme) .intro h1 em {
  color: #287bbf;
}
html:not(.dark-theme) .intro-description {
  color: #697e94;
}
html:not(.dark-theme) .cards-heading {
  color: #7b8fa5;
}
html:not(.dark-theme) .cards-heading > span:last-child {
  color: #67829d;
}
html:not(.dark-theme) .flip-face {
  border-color: #cbdbea;
}
html:not(.dark-theme) .flip-front {
  background: linear-gradient(145deg, #fff, #edf4fc);
  box-shadow: 0 10px 28px #1c426b08;
}
html:not(.dark-theme) .flip-front:before {
  background: radial-gradient(ellipse at 50% 20%, #d7e8fa77, transparent 65%);
}
html:not(.dark-theme) .flip-front:hover {
  border-color: #76a5cf;
  box-shadow: 0 15px 36px #1c426b13;
}
html:not(.dark-theme) .card-meta {
  color: #6e8ca8;
}
html:not(.dark-theme) .card-meta > span:first-child {
  color: #8aa4bc;
}
html:not(.dark-theme) .card-meta > svg {
  color: #5d8dbb;
}
html:not(.dark-theme) .diagram-line {
  stroke: #a0bedb;
}
html:not(.dark-theme) .node-soft {
  fill: #e6f0fb;
  stroke: #a4c0dc;
}
html:not(.dark-theme) .node-blue {
  fill: #b4d5f4;
  stroke: #5e9ace;
}
html:not(.dark-theme) .diagram-ink {
  stroke: #3e7db4;
}
html:not(.dark-theme) .signal-pulse {
  stroke: #a2c4e4;
}
html:not(.dark-theme) .sheet {
  fill: #f5f9fe;
  stroke: #91b4d5;
}
html:not(.dark-theme) .sheet-shadow {
  fill: #dce9f6;
  stroke: #b1c9df;
}
html:not(.dark-theme) .node-dot {
  fill: #7da5c9;
}
html:not(.dark-theme) .card-title {
  color: #274867;
}
html:not(.dark-theme) .card-front-footer {
  color: #6b8cad;
}
html:not(.dark-theme) .flip-corner {
  border-color: #b8cee3;
  color: #477fab;
}
html:not(.dark-theme) .flip-front:hover .flip-corner {
  background: #d5e7f8;
}
html:not(.dark-theme) .flip-back {
  background: #eaf2fb;
  box-shadow: 0 12px 30px #1b426a0d;
}
html:not(.dark-theme) .card-back-top {
  color: #6c8bab;
}
html:not(.dark-theme) .card-back-top button {
  background: #dceaf8;
  border-color: #bdd3e8;
  color: #4879a4;
}
html:not(.dark-theme) .card-back-top button:hover {
  background: #c6ddf2;
}
html:not(.dark-theme) .flip-back h2 {
  color: #224767;
}
html:not(.dark-theme) .flip-back > p {
  color: #55718c;
}
html:not(.dark-theme) .card-outcome {
  color: #4b7ca7;
  border-color: #a4c4e2;
}
html:not(.dark-theme) .card-more {
  border-color: #bdd2e6;
  color: #2b6a9f;
}
html:not(.dark-theme) .card-more:hover {
  color: #144c7c;
}
html:not(.dark-theme) .closing {
  border-color: #d6e1ed;
}
html:not(.dark-theme) .closing > span {
  color: #7b8fa4;
}
html:not(.dark-theme) .closing strong {
  color: #5b7792;
}
html:not(.dark-theme) .closing > button {
  color: #305f88;
}
html:not(.dark-theme) .closing svg {
  color: #5989b3;
}
html:not(.dark-theme) .closing > button:hover {
  color: #1e78c8;
}
html:not(.dark-theme) .footer {
  border-color: #dce5ef;
  color: #8a9bad;
}
html:not(.dark-theme) .footer button {
  color: #738aa0;
}
html:not(.dark-theme) .footer a {
  color: #62819d;
}
html:not(.dark-theme) .footer a:hover,
html:not(.dark-theme) .footer button:hover {
  color: #1e78c8;
}
html:not(.dark-theme) .skip-link {
  color: #fff;
}
html:not(.dark-theme) dialog {
  background: #f7faff;
  border-color: #b7cee4;
  box-shadow: 0 30px 110px #15395e33;
}
html:not(.dark-theme) dialog::backdrop {
  background: #18314c70;
}
html:not(.dark-theme) .dialog-kicker {
  color: #6c8caa;
}
html:not(.dark-theme) .dialog-header > span:not(.dialog-kicker) {
  color: #547492;
}
html:not(.dark-theme) .close-dialog {
  background: #e4eef9;
  border-color: #c3d7ea;
  color: #597e9f;
}
html:not(.dark-theme) .close-dialog:hover {
  background: #d2e4f5;
}
html:not(.dark-theme) .topic-content h2 em,
html:not(.dark-theme) .contact-heading em {
  color: #287bbf;
}
html:not(.dark-theme) .topic-content > p {
  color: #58718b;
}
html:not(.dark-theme) .topic-list {
  border-color: #d3e0ed;
}
html:not(.dark-theme) .topic-list li {
  border-color: #d3e0ed;
  color: #637e98;
}
html:not(.dark-theme) .topic-list li > span {
  color: #7a9dbf;
}
html:not(.dark-theme) .topic-list strong {
  color: #315979;
}
html:not(.dark-theme) .topic-note {
  border-color: #8cb5d9;
  color: #6389ab !important;
}
html:not(.dark-theme) .button-dark,
html:not(.dark-theme) .button-lime {
  color: #fff;
  background: #236ba8;
  border-color: #3984c2;
  box-shadow: 0 3px 0 #164e7b;
}
html:not(.dark-theme) .button:hover {
  background: #337fba;
}
html:not(.dark-theme) .text-button {
  color: #497fae;
}
html:not(.dark-theme) .text-button:hover {
  color: #1e78c8;
}
html:not(.dark-theme) .contact-heading p {
  color: #6e87a0;
}
html:not(.dark-theme) .contact-form label {
  color: #53738f;
}
html:not(.dark-theme) .contact-form label > span {
  color: #6d95b8;
}
html:not(.dark-theme) .contact-form input,
html:not(.dark-theme) .contact-form textarea,
html:not(.dark-theme) .contact-form select {
  background: #fff;
  color: #294f70;
  border-color: #b7cee3;
}
html:not(.dark-theme) .contact-form input::placeholder,
html:not(.dark-theme) .contact-form textarea::placeholder {
  color: #8ca2b7;
}
html:not(.dark-theme) .contact-form input:hover,
html:not(.dark-theme) .contact-form textarea:hover,
html:not(.dark-theme) .contact-form select:hover {
  border-color: #71a1cb;
}
html:not(.dark-theme) .contact-form select option {
  background: #fff;
}
html:not(.dark-theme) .form-note {
  color: #7b91a7;
}
html:not(.dark-theme) .form-result {
  border-color: #c1d6e9;
}
html:not(.dark-theme) .form-result > p {
  color: #64819b;
}
html:not(.dark-theme) .legal-content p {
  color: #607b93;
}
html:not(.dark-theme) .demo-titlebar {
  color: #6d8daa;
}
html:not(.dark-theme) .demo-content {
  background: #edf4fc;
  border-color: #bfd3e7;
}
html:not(.dark-theme) .demo-progress i {
  background: #d7e5f3;
}
html:not(.dark-theme) .demo-progress i.done {
  background: #649dd0;
}
html:not(.dark-theme) .demo-step {
  color: #6a8ead;
}
html:not(.dark-theme) .mission-icon {
  background: #d5e7f7;
  color: #4c87b8;
}
html:not(.dark-theme) .demo-intro {
  color: #64819b;
}
html:not(.dark-theme) .demo-option {
  border-color: #c1d7ea;
  background: #f8fbff;
  color: #4e718f;
}
html:not(.dark-theme) .demo-option span {
  border-color: #b6cee4;
  color: #6e97bb;
}
html:not(.dark-theme) .demo-option:hover {
  background: #dcecfb;
  border-color: #7ba8d0;
}
html:not(.dark-theme) .demo-back {
  color: #628bae;
}
html:not(.dark-theme) .demo-footer {
  color: #7b96af;
}
html:not(.dark-theme) .demo-result-icon {
  background: #cfe4f8;
  color: #4f8cbe;
}
html:not(.dark-theme) .demo-summary {
  background: #dfeefa;
  border-color: #b3cee5;
}
html:not(.dark-theme) .demo-summary strong {
  color: #386b92;
}
html:not(.dark-theme) .demo-summary p {
  color: #6486a3;
}