.template-root[data-brand="cottonwood-heights-holladay-times"] {
  --brand-tokens-brand-50: #f0f1fa;
  --brand-tokens-brand-100: #e0e4f5;
  --brand-tokens-brand-200: #c8ceef;
  --brand-tokens-brand-300: #a0abe4;
  --brand-tokens-brand-400: #7e8edd;
  --brand-tokens-brand-500: #2b3fa1;
  --brand-tokens-brand-600: #17235e;
  --brand-tokens-brand-700: #121c49;
  --brand-tokens-brand-800: #0f1638;
  --brand-tokens-brand-900: #0b1028;
  --brand-tokens-brand-950: #090c1b;

  --brand-tokens-greyscale-10: #f6f7f8;
  --brand-tokens-greyscale-50: #eeeff1;
  --brand-tokens-greyscale-100: #e3e5e8;
  --brand-tokens-greyscale-200: #d3d5d9;
  --brand-tokens-greyscale-300: #b1b4b9;
  --brand-tokens-greyscale-400: #8c9097;
  --brand-tokens-greyscale-500: #61646b;
  --brand-tokens-greyscale-600: #4b4e53;
  --brand-tokens-greyscale-700: #3a3c40;
  --brand-tokens-greyscale-800: #292a2e;
  --brand-tokens-greyscale-900: #1a1b1e;
  --brand-tokens-greyscale-950: #101113;
  --brand-tokens-greyscale-1000: #090a0b;

  /* The shared no-wrap masthead overflows at tablet width for this long name. */
  --brand-tokens-typography-body: "Instrument Sans";
  --brand-tokens-typography-labels: "Inter Tight";
  --brand-tokens-typography-titles-a: "Barlow Semi Condensed";
  --brand-tokens-typography-titles-b: "Source Serif 4";

  --tint-light: #edeff3;
}

.template-root[data-brand="cottonwood-heights-holladay-times"] .block-container--bg-default,
.template-root[data-brand="cottonwood-heights-holladay-times"] .block-container--bg-tint {
  --interactive-text-primary-hover: var(--brand-tokens-brand-500);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-700);

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

.template-root[data-brand="cottonwood-heights-holladay-times"] .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);
}

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

/* The shared button fill does not separate from this painted surface. */
.template-root[data-brand="cottonwood-heights-holladay-times"] .block-hero__signup-btn {
  background-color: var(--brand-tokens-greyscale-10);
  border-color: var(--brand-tokens-greyscale-10);
  color: var(--brand-tokens-greyscale-900);
}

.template-root[data-brand="cottonwood-heights-holladay-times"] .block-hero__signup-btn:hover {
  background-color: var(--brand-tokens-brand-100);
  border-color: var(--brand-tokens-brand-100);
  color: var(--brand-tokens-greyscale-900);
  opacity: 1;
}