.template-root[data-brand="west-chester-goshen-courier"] {
  --brand-tokens-brand-50: #f8f7f2;
  --brand-tokens-brand-100: #f1eee4;
  --brand-tokens-brand-200: #e2deca;
  --brand-tokens-brand-300: #c8bf9d;
  --brand-tokens-brand-400: #b2a676;
  --brand-tokens-brand-500: #897d4d;
  --brand-tokens-brand-600: #6a6039;
  --brand-tokens-brand-700: #534b2d;
  --brand-tokens-brand-800: #3f3922;
  --brand-tokens-brand-900: #2e2a1a;
  --brand-tokens-brand-950: #1d1b11;

  --brand-tokens-greyscale-10: #f8f9f9;
  --brand-tokens-greyscale-50: #f0f2f2;
  --brand-tokens-greyscale-100: #e5e8e8;
  --brand-tokens-greyscale-200: #d2d6d7;
  --brand-tokens-greyscale-300: #b0b5b6;
  --brand-tokens-greyscale-400: #8b9192;
  --brand-tokens-greyscale-500: #646a6b;
  --brand-tokens-greyscale-600: #4e5455;
  --brand-tokens-greyscale-700: #3a3f40;
  --brand-tokens-greyscale-800: #282c2d;
  --brand-tokens-greyscale-900: #171a1b;
  --brand-tokens-greyscale-950: #0f1112;
  --brand-tokens-greyscale-1000: #080909;

  --brand-tokens-typography-body: "Instrument Sans";
  --brand-tokens-typography-labels: "Inter Tight";
  --brand-tokens-typography-titles-a: "Gloock";
  --brand-tokens-typography-titles-b: "Source Serif 4";

  --tint-light: #f1efe6;
}

.template-root[data-brand="west-chester-goshen-courier"] .block-container--bg-default,
.template-root[data-brand="west-chester-goshen-courier"] .block-container--bg-tint {
  --interactive-text-primary-hover: var(--brand-tokens-brand-700);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-800);

  --interactive-contained-primary-hover: var(--brand-tokens-brand-700);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-800);
}

.template-root[data-brand="west-chester-goshen-courier"] .block-container--bg-brand,
.template-root[data-brand="west-chester-goshen-courier"] .block-container--bg-inverted {
  --interactive-text-primary-idle: var(--brand-tokens-brand-100);
  --interactive-text-primary-hover: var(--brand-tokens-brand-200);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-300);
}

.template-root[data-brand="west-chester-goshen-courier"] .block-container--bg-brand {
  background-image: linear-gradient(
    180deg,
    transparent 38%,
    color-mix(in srgb, var(--brand-tokens-brand-950) 42%, transparent) 100%
  );
}

/* The shared button fill does not separate from this painted surface. */
.template-root[data-brand="west-chester-goshen-courier"]
  .block-container--bg-brand
  .block-header__subscribe-btn,
.template-root[data-brand="west-chester-goshen-courier"]
  .block-container--bg-inverted
  .block-header__subscribe-btn {
  background: var(--brand-tokens-greyscale-10);
  background-color: var(--brand-tokens-greyscale-10);
  border-color: var(--brand-tokens-greyscale-10);
  color: var(--brand-tokens-greyscale-900);
}

.template-root[data-brand="west-chester-goshen-courier"]
  .block-container--bg-brand
  .block-header__subscribe-btn:hover,
.template-root[data-brand="west-chester-goshen-courier"]
  .block-container--bg-inverted
  .block-header__subscribe-btn:hover {
  background: var(--brand-tokens-brand-100);
  background-color: var(--brand-tokens-brand-100);
  border-color: var(--brand-tokens-brand-100);
  color: var(--brand-tokens-greyscale-900);
  opacity: 1;
}

/* Painted containers otherwise render typed input text on the field's light fill. */
.template-root[data-brand="west-chester-goshen-courier"]
  .block-container--bg-inverted
  .block-cta__input,
.template-root[data-brand="west-chester-goshen-courier"]
  .block-container--bg-brand
  .block-cta__input {
  color: var(--brand-tokens-greyscale-900);
}

/* The shared button fill does not separate from this painted surface. */
.template-root[data-brand="west-chester-goshen-courier"]
  .block-container--bg-inverted
  .block-cta__button {
  background: var(--brand-tokens-brand-300);
  background-color: var(--brand-tokens-brand-300);
  border-color: var(--brand-tokens-brand-300);
  color: var(--brand-tokens-greyscale-900);
}

.template-root[data-brand="west-chester-goshen-courier"]
  .block-container--bg-inverted
  .block-cta__button:hover {
  background: var(--brand-tokens-brand-200);
  background-color: var(--brand-tokens-brand-200);
  border-color: var(--brand-tokens-brand-200);
  color: var(--brand-tokens-greyscale-900);
  opacity: 1;
}