.template-root[data-brand="mason-deerfield-times"] {
  --brand-tokens-brand-50: #f0faf5;
  --brand-tokens-brand-100: #e0f5eb;
  --brand-tokens-brand-200: #c0ecd6;
  --brand-tokens-brand-300: #7eddad;
  --brand-tokens-brand-400: #36d385;
  --brand-tokens-brand-500: #18a05c;
  --brand-tokens-brand-600: #0c6a3b;
  --brand-tokens-brand-700: #0a5c33;
  --brand-tokens-brand-800: #084426;
  --brand-tokens-brand-900: #07311c;
  --brand-tokens-brand-950: #051e12;

  --brand-tokens-greyscale-10: #f9fafa;
  --brand-tokens-greyscale-50: #f1f3f2;
  --brand-tokens-greyscale-100: #e7e9e8;
  --brand-tokens-greyscale-200: #d7dbd9;
  --brand-tokens-greyscale-300: #b2b8b5;
  --brand-tokens-greyscale-400: #8d9691;
  --brand-tokens-greyscale-500: #626a67;
  --brand-tokens-greyscale-600: #4c5250;
  --brand-tokens-greyscale-700: #383d3b;
  --brand-tokens-greyscale-800: #272b29;
  --brand-tokens-greyscale-900: #181b1a;
  --brand-tokens-greyscale-950: #0e100f;
  --brand-tokens-greyscale-1000: #070808;

  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "Inter Tight";
  --brand-tokens-typography-titles-a: "DM Serif Text";
  --brand-tokens-typography-titles-b: "Manrope";

  --tint-light: #ecf3f0;
}

.template-root[data-brand="mason-deerfield-times"] .block-container--bg-default,
.template-root[data-brand="mason-deerfield-times"] .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="mason-deerfield-times"] .block-container--bg-brand {
  --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="mason-deerfield-times"]
  .block-container--bg-default
  .block-section-title--v1,
.template-root[data-brand="mason-deerfield-times"]
  .block-container--bg-tint
  .block-section-title--v1 {
  border-bottom-color: var(--brand-tokens-brand-600);
}

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

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