.template-root[data-brand="missouri-city-stafford-journal"] {
  --brand-tokens-brand-50: #fee7f7;
  --brand-tokens-brand-100: #fccfee;
  --brand-tokens-brand-200: #f8a0de;
  --brand-tokens-brand-300: #f056c2;
  --brand-tokens-brand-400: #df16a3;
  --brand-tokens-brand-500: #a51279;
  --brand-tokens-brand-600: #7f105e;
  --brand-tokens-brand-700: #670e4c;
  --brand-tokens-brand-800: #540d3f;
  --brand-tokens-brand-900: #420b31;
  --brand-tokens-brand-950: #27071d;
  --brand-tokens-greyscale-10: #fdf8f6;
  --brand-tokens-greyscale-50: #f5eeeb;
  --brand-tokens-greyscale-100: #eae0dc;
  --brand-tokens-greyscale-200: #d3c7c2;
  --brand-tokens-greyscale-300: #b1a3a0;
  --brand-tokens-greyscale-400: #8e807e;
  --brand-tokens-greyscale-500: #5d5354;
  --brand-tokens-greyscale-600: #4d4547;
  --brand-tokens-greyscale-700: #3c3639;
  --brand-tokens-greyscale-800: #2a2429;
  --brand-tokens-greyscale-900: #1c1219;
  --brand-tokens-greyscale-950: #130c11;
  --brand-tokens-greyscale-1000: #080508;
  --brand-tokens-typography-body: "Instrument Sans";
  --brand-tokens-typography-labels: "Manrope";
  --brand-tokens-typography-titles-a: "DM Serif Text";
  --brand-tokens-typography-titles-b: "DM Serif Text";
  --tint-light: #f4e9e2;
  /* This light accent is decoration only. */
  --accent-tan: #b19380;
  /* Use the darker accent for text and section bars. */
  --accent-tan-deep: #7c604e;
}

.template-root[data-brand="missouri-city-stafford-journal"] .block-section-title {
  letter-spacing: 0.01em;
}

/* Keep painted surfaces on their remapped light section-bar color. */
.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-default
  .block-section-title__bar,
.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-tint
  .block-section-title__bar {
  background-color: var(--accent-tan-deep);
}
.template-root[data-brand="missouri-city-stafford-journal"] .block-container--bg-default .card-meta,
.template-root[data-brand="missouri-city-stafford-journal"] .block-container--bg-tint .card-meta {
  color: var(--accent-tan-deep);
}

/* Limit the orchid date color to headline-list metadata. */
.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-tint
  .block-headline-list__item
  .card-meta,
.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-default
  .block-headline-list__item
  .card-meta {
  color: var(--brand-tokens-brand-600);
}
.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-default
  .block-section-title__see-all,
.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-tint
  .block-section-title__see-all {
  color: var(--brand-tokens-brand-600);
}

/* Keep painted article metadata on its remapped light color. */
.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-default
  .article-meta,
.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-tint
  .article-meta {
  color: var(--brand-tokens-brand-600);
}

.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-default
  .article-body
  blockquote {
  color: var(--brand-tokens-brand-700);
}

/* Keep the active nav item above 4.5:1 on the header wash. */
.template-root[data-brand="missouri-city-stafford-journal"]
  :where(.block-menubar:not([data-bg="inverted"], [data-bg="brand"]))
  .block-menubar__link[aria-current="page"] {
  color: var(--brand-tokens-brand-600);
}

/* Scope the v6 card override to heroes and restate its mobile token values. */
.template-root[data-brand="missouri-city-stafford-journal"] .block-hero .card--big {
  --card-title-xl: 43px;
  --card-title-xl-lh: 50px;
}
@media (max-width: 767px) {
  .template-root[data-brand="missouri-city-stafford-journal"] .block-hero .card--big {
    --card-title-xl: 27px;
    --card-title-xl-lh: 33px;
  }
}

.template-root[data-brand="missouri-city-stafford-journal"]
  .block-container--bg-default:has(.block-header) {
  background-image:
    radial-gradient(
      126% 70% at 50% 126%,
      color-mix(in srgb, var(--brand-tokens-brand-500) 30%, transparent) 0%,
      transparent 74%
    ),
    radial-gradient(
      70% 96% at 12% -16%,
      color-mix(in srgb, var(--accent-tan) 26%, transparent) 0%,
      transparent 58%
    ),
    radial-gradient(
      74% 100% at 88% -18%,
      color-mix(in srgb, var(--brand-tokens-greyscale-50) 88%, transparent) 0%,
      transparent 56%
    );
}