.theme-navy-orange {
  --navy: #091827;
  --panel: #132437;
  --line: #40546a;
  --muted: #c4ced9;
  --green: #f0ad80;
  --action: #713519;
  --theme-deep: #081321;
  --theme-raised: #172b40;
  --theme-header: #20364d;
  --theme-edge: #b66a42;
  --theme-button: #934622;
  --theme-hover: #9b4a25;
  --theme-metal: #d6895b;
}

.theme-burgundy-silver {
  --navy: #391322;
  --panel: #26272d;
  --line: #67616b;
  --muted: #ded5dc;
  --green: #e0e2e8;
  --action: #35363e;
  --theme-deep: #250e18;
  --theme-raised: #303038;
  --theme-header: #582438;
  --theme-edge: #9698a4;
  --theme-button: #565862;
  --theme-hover: #61636e;
  --theme-metal: #e0e2e8;
}

.theme-preview { background: var(--navy); }
.theme-preview .header {
  background: radial-gradient(ellipse at 55% 0, var(--theme-header), var(--theme-deep) 78%);
  border-bottom-color: var(--theme-edge);
}
.theme-preview .brand img { mix-blend-mode: lighten; }
.theme-preview .hero {
  background: radial-gradient(ellipse at right, var(--theme-header), var(--theme-deep) 72%);
  border-bottom-color: var(--theme-edge);
}
.theme-preview .hero h1 em,
.theme-preview .hero .lead span { color: var(--green); }
.theme-preview .hero h1::after { background: var(--theme-metal); }
.theme-preview .button,
.theme-preview .phone {
  color: #fff;
  background: linear-gradient(var(--theme-button), var(--action));
  border-color: var(--theme-metal);
  box-shadow: inset 0 1px 0 #ffffff24;
}
.theme-preview .button:hover,
.theme-preview .phone:hover { background: var(--theme-hover); }
.theme-preview .service-heading,
.theme-preview .service-heading::before {
  background: linear-gradient(var(--theme-button), var(--action));
  border-color: var(--theme-metal);
}
.theme-preview .services details,
.theme-preview .services details[open] p { background: var(--theme-raised); }
.theme-preview .services details[open],
.theme-preview .services details::after { border-color: var(--theme-edge); }
.theme-preview .work {
  background: var(--theme-deep);
  border-image: linear-gradient(90deg, transparent, var(--theme-edge), transparent) 1;
}
.theme-preview .checklist { column-rule-color: var(--theme-edge); }
.theme-preview .trust {
  background: var(--theme-deep);
  border-block-color: var(--theme-edge);
}
.theme-preview .trust li + li { border-color: var(--theme-edge); }
.theme-preview .quote-phone,
.theme-preview form,
.theme-preview #demo { border-color: var(--theme-edge); }
.theme-preview :is(input, select, textarea) {
  background: var(--theme-deep);
  border-color: var(--theme-edge);
}
.theme-preview footer { background: var(--theme-deep); }

@media (min-width: 62.01rem) {
  .theme-preview .brand::before,
  .theme-preview .hero::after,
  .theme-preview .trust::before,
  .theme-preview .trust::after {
    background: linear-gradient(115deg, var(--theme-edge), var(--theme-metal) 52%, var(--theme-edge));
  }
  .theme-preview .brand::after {
    background: radial-gradient(ellipse at right top, var(--theme-header), var(--theme-deep) 75%);
  }
  .theme-preview .service-heading,
  .theme-preview .services details { background: transparent; }
}