.template-root[data-brand="farmington-focus"] {
  --brand-tokens-brand-50: #faf3f4;
  --brand-tokens-brand-100: #f6e5e8;
  --brand-tokens-brand-200: #efcad0;
  --brand-tokens-brand-300: #e897a5;
  --brand-tokens-brand-400: #e5546c;
  --brand-tokens-brand-500: #d21736;
  --brand-tokens-brand-600: #971127;
  --brand-tokens-brand-700: #841225;
  --brand-tokens-brand-800: #6d1221;
  --brand-tokens-brand-900: #58111d;
  --brand-tokens-brand-950: #390d14;
  --brand-tokens-greyscale-10: #fcfbfb;
  --brand-tokens-greyscale-50: #f7f7f6;
  --brand-tokens-greyscale-100: #edecec;
  --brand-tokens-greyscale-200: #dbd9d9;
  --brand-tokens-greyscale-300: #b9b5b4;
  --brand-tokens-greyscale-400: #97928f;
  --brand-tokens-greyscale-500: #676260;
  --brand-tokens-greyscale-600: #54504e;
  --brand-tokens-greyscale-700: #43403e;
  --brand-tokens-greyscale-800: #32302f;
  --brand-tokens-greyscale-900: #222120;
  --brand-tokens-greyscale-950: #171615;
  --brand-tokens-greyscale-1000: #0e0d0c;
  --brand-tokens-typography-body: "Inter Tight";
  --brand-tokens-typography-labels: "DM Mono";
  --brand-tokens-typography-titles-a: "Barlow Semi Condensed";
  --brand-tokens-typography-titles-b: "Barlow Semi Condensed";
  --tint-light: #f3f0ee;
}

.template-root[data-brand="farmington-focus"] .block-container--bg-default:has(.block-header) {
  background-image: linear-gradient(
      180deg,
      transparent 0%,
      transparent calc(100% - 4px),
      var(--brand-tokens-brand-600) calc(100% - 4px),
      var(--brand-tokens-brand-600) 100%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--brand-tokens-greyscale-900) 7%, transparent) 0%,
      transparent 65%
    );
}

.template-root[data-brand="farmington-focus"] .block-container--bg-default,
.template-root[data-brand="farmington-focus"] .block-container--bg-tint {
  --interactive-text-primary-idle: var(--brand-tokens-brand-600);
  --interactive-text-primary-hover: var(--brand-tokens-brand-700);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-600);
}
.template-root[data-brand="farmington-focus"] .block-container--bg-brand {
  --interactive-text-primary-idle: var(--brand-tokens-brand-200);
  --interactive-text-primary-hover: var(--brand-tokens-brand-100);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-300);
}
.template-root[data-brand="farmington-focus"] .block-container--bg-inverted {
  --interactive-text-primary-idle: var(--brand-tokens-brand-300);
  --interactive-text-primary-hover: var(--brand-tokens-brand-200);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-100);
}
.template-root[data-brand="farmington-focus"] {
  --interactive-outlined-primary-toggled-idle: var(--brand-tokens-brand-600);
  /* fleet default hover fill (brand-400) is too light for a white label */
  --interactive-contained-primary-hover: var(--brand-tokens-brand-700);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-800);
}

.template-root[data-brand="farmington-focus"] .block-container--bg-brand {
  background-image: radial-gradient(
    130% 78% at 50% 124%,
    color-mix(in srgb, var(--brand-tokens-brand-950) 22%, transparent) 0%,
    transparent 74%
  );
}
.template-root[data-brand="farmington-focus"] .block-container--bg-inverted {
  background-image: radial-gradient(
    130% 74% at 50% 124%,
    color-mix(in srgb, var(--brand-tokens-brand-900) 24%, transparent) 0%,
    transparent 72%
  );
}

.template-root[data-brand="farmington-focus"] .block-container--bg-default .block-section-title--v1,
.template-root[data-brand="farmington-focus"] .block-container--bg-tint .block-section-title--v1 {
  border-bottom-color: var(--brand-tokens-brand-600);
}
.template-root[data-brand="farmington-focus"] .block-container--bg-default .block-section-title__line,
.template-root[data-brand="farmington-focus"] .block-container--bg-tint .block-section-title__line {
  border-top-color: var(--brand-tokens-brand-600);
}
.template-root[data-brand="farmington-focus"] .block-section-title { letter-spacing: 0.07em; text-transform: uppercase; }

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