:root { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #191422;
  --ink: #faf2e9;
  --muted: #d6c8e2;
  --muted-secondary: #c7bad5;
  --link: #cbb2ff;
  --subtle: #251d32;
  --surface: #20192b;
  --card: #2b2238;
  --stack-card: #2b2238;
  --stripe: #2a2136;
  --field: #211a2c;
  --field-border: #897698;
  --light-line: #e5cffa33;
  --hosting-border: var(--light-line);
  --error-bg: #44252f;
  --error-ink: #ffd4ce;
  --error-edge: #ffb6af;
}
:root[data-theme="dark"] .site-header { background: var(--page); }
:root[data-theme="dark"] .plan-card-featured {
  background: #342747;
  border-color: var(--light-line);
  border-top-color: var(--apricot);
}
:root[data-theme="dark"] .plan-filter button[aria-pressed="true"] {
  background: var(--link);
  color: var(--aubergine);
}
:root[data-theme="dark"] .relay-stack-brand:not(.relay-stack-imunify) {
  box-sizing: content-box;
  max-width: calc(100% - 1rem);
  padding: .35rem .5rem;
  border-radius: .3rem;
  background: #fff;
}

:root[data-theme="light"] .site-header {
  background: #fffaf5;
  color: var(--ink);
  border-color: var(--light-line);
}
:root[data-theme="light"] :is(.site-header, .store-hero, .hosting-hero, .relay-service-hero, .affix-info-hero) {
  --hero-accent: var(--iris);
  --dark-line: var(--light-line);
}
:root[data-theme="light"] :is(.store-hero, .hosting-hero, .relay-service-hero, .affix-info-hero) {
  color: var(--ink);
  background: #f5ebf3;
}
:root[data-theme="light"] .hosting-hero-media img { opacity: .18; }
:root[data-theme="light"] .hosting-hero-media::after {
  background: linear-gradient(90deg, #f5ebf352, #f5ebf3 37% 63%, #f5ebf352);
}
:root[data-theme="light"] :is(.store-hero .eyebrow, .store-hero h1 span, .starting-price strong, .relay-breadcrumb a, .relay-service-hero .relay-service-icon) {
  color: var(--hero-accent);
}
:root[data-theme="light"] :is(.store-lead, .starting-price > span, .hosting-hero p, .relay-breadcrumb, .relay-service-lead, .relay-service-note, .affix-info-hero p) {
  color: var(--muted);
}
:root[data-theme="light"] :is(.starting-price, .menu-toggle, .relay-nav-group a) { color: var(--ink); }
:root[data-theme="light"] :is(.nav-link, .relay-nav-group summary) { color: var(--muted); }
:root[data-theme="light"] :is(.nav-link:hover, .nav-link[aria-current], .relay-nav-group summary:hover, .relay-nav-group[open] summary, .relay-nav-group:has([aria-current]) summary) { color: var(--ink); }
:root[data-theme="light"] .nav-link[aria-current] { text-decoration-color: var(--link); }
:root[data-theme="light"] .relay-nav-group ul { background: #fffdf9; box-shadow: 0 .55rem 1.4rem #241c341f; }
:root[data-theme="light"] .relay-nav-group a:is(:hover, [aria-current]) { background: var(--subtle); color: var(--link); }

.header-brand-on-light, :root[data-theme="light"] .header-brand-on-dark { display: none; }
:root[data-theme="light"] .header-brand-on-light { display: block; }
.header-inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(.5rem, 1.35vw, 1.15rem); }
.header-tools { display: flex; align-items: center; gap: .45rem; grid-column: 3; grid-row: 1; }
.site-nav { justify-content: end; gap: clamp(.65rem, 1.8vw, 1.75rem); }
.affix-theme-switch { position: relative; }
.affix-theme-trigger {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid var(--dark-line);
  border-radius: .36rem;
  cursor: pointer;
  list-style: none;
}
.affix-theme-trigger::-webkit-details-marker { display: none; }
.affix-theme-trigger:hover, .affix-theme-switch[open] .affix-theme-trigger { background: var(--subtle); color: var(--ink); }
.affix-theme-icon { display: none; }
:root[data-theme-preference="light"] [data-affixcloud-theme-icon="light"],
:root[data-theme-preference="dark"] [data-affixcloud-theme-icon="dark"],
:root[data-theme-preference="system"] [data-affixcloud-theme-icon="system"] { display: block; }
.affix-theme-options {
  position: absolute;
  z-index: 3;
  inset: calc(100% + .4rem) 0 auto auto;
  display: grid;
  width: 9rem;
  padding: .45rem;
  margin: 0;
  border: 1px solid var(--light-line);
  border-radius: .45rem;
  background: var(--card);
  color: var(--ink);
  box-shadow: 0 .55rem 1.4rem #241c3438;
}
.affix-theme-legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.affix-theme-option {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 2.45rem;
  padding: .35rem .55rem;
  border-radius: .3rem;
  font-size: .9rem;
  cursor: pointer;
}
.affix-theme-option input { margin: 0; accent-color: var(--link); }
.affix-theme-option:hover, .affix-theme-option:has(:checked) { background: var(--subtle); }
.button-primary:focus-visible { outline-color: var(--link); }
:is(.site-footer, .premium-section, .plan-card-featured, .affix-contact-support, .storefront-home .store-help) .button-primary:focus-visible,
:root[data-theme="dark"] .button-primary:focus-visible { outline-color: var(--oat); }

@media (max-width: 880px) {
  .site-nav { grid-column: 1 / -1; grid-row: 2; justify-content: start; }
}
@media (forced-colors: active) {
  .affix-theme-option:has(:checked) { outline: 1px solid Highlight; }
}