.template-root[data-brand="upper-peninsula-news"] {
  --brand-tokens-brand-50: #fbf1ed;
  --brand-tokens-brand-100: #f6ded4;
  --brand-tokens-brand-200: #ecbca9;
  --brand-tokens-brand-300: #dd9376;
  --brand-tokens-brand-400: #c96c48;
  --brand-tokens-brand-500: #b25128;
  --brand-tokens-brand-600: #8f3f1e;
  --brand-tokens-brand-700: #73341a;
  --brand-tokens-brand-800: #5e2c18;
  --brand-tokens-brand-900: #4d2515;
  --brand-tokens-brand-950: #2a120a;
  --brand-tokens-greyscale-10: #fbfcfd;
  --brand-tokens-greyscale-50: #eef1f4;
  --brand-tokens-greyscale-100: #dfe4e9;
  --brand-tokens-greyscale-200: #c3ccd4;
  --brand-tokens-greyscale-300: #a2aeb9;
  --brand-tokens-greyscale-400: #82909d;
  --brand-tokens-greyscale-500: #687684;
  --brand-tokens-greyscale-600: #525e6a;
  --brand-tokens-greyscale-700: #3f4954;
  --brand-tokens-greyscale-800: #2d353d;
  --brand-tokens-greyscale-900: #1e242a;
  --brand-tokens-greyscale-950: #121619;
  --brand-tokens-greyscale-1000: #080a0c;
  --brand-tokens-typography-body: "Merriweather";
  --brand-tokens-typography-labels: "Barlow Semi Condensed";
  --brand-tokens-typography-titles-a: "Stack Sans Headline";
  --brand-tokens-typography-titles-b: "Stack Sans Headline";
  --tint-light: #e7edf2;
}

.template-root[data-brand="upper-peninsula-news"] .block-section-title {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.template-root[data-brand="upper-peninsula-news"] .block-nav-bar {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.template-root[data-brand="upper-peninsula-news"] .block-container--bg-inverted:has(.block-header) {
  background-image:
    linear-gradient(180deg, transparent 0 8%, rgba(18, 22, 25, 0.45) 58%, #12161900 82%),
    radial-gradient(
      115% 105% at 24% 4%,
      color-mix(in srgb, var(--brand-tokens-greyscale-300) 34%, transparent) 0%,
      transparent 66%
    ),
    radial-gradient(
      100% 95% at 68% 0%,
      color-mix(in srgb, var(--brand-tokens-greyscale-400) 30%, transparent) 0%,
      transparent 62%
    ),
    radial-gradient(
      150% 130% at 50% 124%,
      color-mix(in srgb, var(--brand-tokens-brand-500) 34%, transparent) 0%,
      transparent 58%
    ),
    radial-gradient(
      90% 80% at 88% 116%,
      color-mix(in srgb, var(--brand-tokens-brand-700) 30%, transparent) 0%,
      transparent 60%
    );
  background-color: var(--brand-tokens-greyscale-950);
}