/* Nueva Research identity layer. Keeps the original advertorial layout intact. */
:root {
  --nueva-carbon: #111111;
  --nueva-fog: #f3f4f1;
  --nueva-graphite: #52565c;
  --nueva-steel: #c8cdd1;
  --nueva-teal: #17343a;
  --nueva-sage: #c9e2d8;
  --nueva-orange: #e07820;
}

body {
  background-color: var(--nueva-fog);
  color: var(--nueva-carbon);
  font-family: "Inter", Arial, sans-serif;
}

.font-display,
h1,
h2,
h3 {
  font-family: "Sora", "Inter", Arial, sans-serif !important;
}

h1 {
  font-weight: 600 !important;
}

h2,
h3 {
  font-weight: 600 !important;
}

.nueva-header-logo {
  display: block;
  width: auto;
  height: 30px;
}

.nueva-footer-logo {
  display: block;
  width: auto;
  height: 32px;
}

.nueva-ruo-notice {
  max-width: 46rem;
  margin: 1.5rem auto 0;
  color: rgba(17, 17, 17, 0.58);
  font-size: 0.75rem;
  line-height: 1.55;
  text-align: center;
}

#offer a[data-nueva-cart-link] {
  text-decoration: none;
}

/* Restrained palette substitutions for the existing components. */
[class*="bg-[#c40000]"] { background-color: var(--nueva-orange) !important; }
[class*="text-[#c40000]"] { color: var(--nueva-orange) !important; }
[class*="bg-[#842b36]"] { background-color: var(--nueva-teal) !important; }
[class*="text-[#842b36]"] { color: var(--nueva-teal) !important; }
[class*="bg-[#101923]"],
[class*="bg-[#111923]"],
[class*="bg-[#0b1118]"],
[class*="bg-[#090f16]"] { background-color: var(--nueva-teal) !important; }
[class*="text-[#101923]"],
[class*="text-[#111923]"] { color: var(--nueva-carbon) !important; }
[class*="bg-[#edf7f7]"] { background-color: var(--nueva-sage) !important; }
[class*="text-[#137d88]"],
[class*="text-[#147b86]"] { color: var(--nueva-teal) !important; }
[class*="text-[#f3cb7b]"],
[class*="text-[#f0c977]"] { color: var(--nueva-orange) !important; }

header {
  border-bottom-color: rgba(23, 52, 58, 0.18) !important;
}

footer {
  border-top: 3px solid var(--nueva-orange);
}

::selection {
  background: var(--nueva-sage);
  color: var(--nueva-carbon);
}

@media (max-width: 420px) {
  .nueva-header-logo { height: 26px; }
  .nueva-footer-logo { height: 28px; }
}