.template-root[data-brand="wesley-chapel-record"] {
  --brand-tokens-brand-50: #f6f8ec;
  --brand-tokens-brand-100: #ebf0d0;
  --brand-tokens-brand-200: #dde7a6;
  --brand-tokens-brand-300: #c9de5e;
  --brand-tokens-brand-400: #b4d025;
  --brand-tokens-brand-500: #798c17;
  --brand-tokens-brand-600: #536010;
  --brand-tokens-brand-700: #414b0b;
  --brand-tokens-brand-800: #313909;
  --brand-tokens-brand-900: #252b08;
  --brand-tokens-brand-950: #1a1e06;

  --brand-tokens-greyscale-10: #fbfaf9;
  --brand-tokens-greyscale-50: #f4f3f0;
  --brand-tokens-greyscale-100: #ebe9e5;
  --brand-tokens-greyscale-200: #dddbd5;
  --brand-tokens-greyscale-300: #bdbab3;
  --brand-tokens-greyscale-400: #9a978d;
  --brand-tokens-greyscale-500: #6e6b63;
  --brand-tokens-greyscale-600: #56544e;
  --brand-tokens-greyscale-700: #403f3a;
  --brand-tokens-greyscale-800: #2e2d29;
  --brand-tokens-greyscale-900: #1e1d1a;
  --brand-tokens-greyscale-950: #131310;
  --brand-tokens-greyscale-1000: #0b0b09;

  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "Host Grotesk";
  --brand-tokens-typography-titles-a: "Stack Sans Headline";
  --brand-tokens-typography-titles-b: "Inter Tight";

  --tint-light: #f4f4eb;
}

.template-root[data-brand="wesley-chapel-record"] .block-container--bg-default,
.template-root[data-brand="wesley-chapel-record"] .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="wesley-chapel-record"] .block-container--bg-brand,
.template-root[data-brand="wesley-chapel-record"] .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);
}

/* Use a fixed gradient stop so the tall article band is not shaded end to end. */
.template-root[data-brand="wesley-chapel-record"] .block-container--bg-brand {
  background-image: linear-gradient(
    to top,
    color-mix(in srgb, var(--brand-tokens-brand-950) 34%, transparent) 0,
    transparent 300px
  );
}

/* The shared button fill does not separate from this painted surface. */
.template-root[data-brand="wesley-chapel-record"]
  .block-container--bg-inverted
  .block-header__subscribe-btn {
  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="wesley-chapel-record"]
  .block-container--bg-inverted
  .block-header__subscribe-btn: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;
}

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

/* Hero v2 otherwise pairs its light field with a light text token. */
.template-root[data-brand="wesley-chapel-record"] .block-hero__signup-input {
  color: var(--brand-tokens-greyscale-900);
}