body[data-theme-variant] {
  --cch-franja-1: var(--cch-accent);
  --cch-franja-2: color-mix(in srgb, var(--cch-accent) 45%, var(--cch-secondary));
  --cch-franja-3: var(--cch-secondary);
}

body[data-theme-variant] .home-hero--production,
body[data-theme-variant] .site-masthead--global,
body[data-theme-variant] .quick-links--production,
body[data-theme-variant] .site-footer--production,
body[data-theme-variant] .catalog-search-form,
body[data-theme-variant] .publication-cover-frame,
body[data-theme-variant] .publication-support-card,
body[data-theme-variant] .publication-share,
body[data-theme-variant] .viewer-frame {
  position: relative;
  overflow: hidden;
}

body[data-theme-variant] .site-masthead--global::before,
body[data-theme-variant] .quick-links--production::before,
body[data-theme-variant] .site-footer--production::before,
body[data-theme-variant] .catalog-search-form::before,
body[data-theme-variant] .publication-cover-frame::before,
body[data-theme-variant] .publication-support-card::before,
body[data-theme-variant] .publication-share::before,
body[data-theme-variant] .viewer-frame::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 0.22rem;
  background: linear-gradient(90deg, var(--cch-franja-1) 0%, var(--cch-franja-2) 52%, var(--cch-franja-3) 100%);
  opacity: 0.92;
}

body[data-theme-variant] .home-hero--production::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 0.36rem;
  background: linear-gradient(90deg, var(--cch-franja-1) 0%, var(--cch-franja-2) 52%, var(--cch-franja-3) 100%);
  opacity: 0.94;
}

body[data-theme-variant] .home-hero__subnav {
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--cch-border) 72%, white);
  background: transparent;
  border-radius: 0;
}

body[data-theme-variant] .site-masthead__copy,
body[data-theme-variant] .site-footer__copy {
  position: relative;
  padding-inline-start: 0.95rem;
}

body[data-theme-variant] .site-masthead__copy::before,
body[data-theme-variant] .site-footer__copy::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.22rem;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--cch-franja-1) 0%, var(--cch-franja-2) 55%, var(--cch-franja-3) 100%);
  opacity: 0.9;
}

body[data-theme-variant] .section-heading--production {
  padding-bottom: 0.9rem;
  border-bottom: 1px solid color-mix(in srgb, var(--cch-border) 66%, white);
}

body[data-theme-variant] .catalog-card,
body[data-theme-variant] .feature-card,
body[data-theme-variant] .hero-spotlight {
  backdrop-filter: blur(10px);
}

body[data-theme-variant] .theme-switcher--global {
  max-width: min(calc(100vw - 2rem), 28rem);
}

@media (max-width: 640px) {
  body[data-theme-variant] .theme-switcher--global {
    max-width: calc(100vw - 1.5rem);
  }
}