.template-root[data-brand="east-cobb-beacon"] {
  --brand-tokens-brand-50: #eef6f0;
  --brand-tokens-brand-100: #deede1;
  --brand-tokens-brand-200: #c5ddcb;
  --brand-tokens-brand-300: #9ac1a3;
  --brand-tokens-brand-400: #67a276;
  --brand-tokens-brand-500: #4e835b;
  --brand-tokens-brand-600: #3a6444;
  --brand-tokens-brand-700: #294c32;
  --brand-tokens-brand-800: #1d3a25;
  --brand-tokens-brand-900: #142a1a;
  --brand-tokens-brand-950: #0d1c12;

  --brand-tokens-greyscale-10: #f7f7f7;
  --brand-tokens-greyscale-50: #f2f2f2;
  --brand-tokens-greyscale-100: #e8e8e8;
  --brand-tokens-greyscale-200: #d6d6d6;
  --brand-tokens-greyscale-300: #bdbdbd;
  --brand-tokens-greyscale-400: #999999;

  --brand-tokens-greyscale-500: #4c4c4c;
  --brand-tokens-greyscale-600: #404040;
  --brand-tokens-greyscale-700: #333333;
  --brand-tokens-greyscale-800: #262626;
  --brand-tokens-greyscale-900: #1b1b1b;
  --brand-tokens-greyscale-950: #111111;
  --brand-tokens-greyscale-1000: #090909;

  --brand-tokens-typography-body: "Google Sans Flex";
  --brand-tokens-typography-labels: "DM Mono";
  --brand-tokens-typography-titles-a: "Stack Sans Headline";
  --brand-tokens-typography-titles-b: "Stack Sans Headline";

  --tint-light: #e7eee9;
}

.template-root[data-brand="east-cobb-beacon"] {
  --interactive-text-primary-hover: var(--brand-tokens-brand-800);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-900);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-700);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-800);
}

.template-root[data-brand="east-cobb-beacon"] .block-container--bg-brand,
.template-root[data-brand="east-cobb-beacon"] .block-container--bg-inverted {
  --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-100);
}

.template-root[data-brand="east-cobb-beacon"] .block-container--bg-brand {
  --hairline-color: color-mix(in srgb, var(--brand-tokens-greyscale-200) 30%, transparent);
}

.template-root[data-brand="east-cobb-beacon"] .block-container--bg-brand {
  background-image: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--brand-tokens-brand-950) 16%, transparent) 100%
  );
}

/* Painted containers otherwise render typed input text on the field's light fill. */
.template-root[data-brand="east-cobb-beacon"] .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="east-cobb-beacon"] .block-container--bg-brand .block-cta__button {
  background: var(--brand-tokens-brand-200);
  border-color: var(--brand-tokens-brand-200);
  color: var(--brand-tokens-brand-900);
}

.template-root[data-brand="east-cobb-beacon"] .block-container--bg-brand .block-cta__button:hover {
  background: var(--brand-tokens-brand-100);
  border-color: var(--brand-tokens-brand-100);
  color: var(--brand-tokens-brand-900);
  opacity: 1;
}

.template-root[data-brand="east-cobb-beacon"] .block-container--bg-default:has(.block-header) {
  background-image:
    radial-gradient(
      68% 118% at 12% -14%,
      color-mix(in srgb, var(--brand-tokens-greyscale-10) 40%, transparent) 0%,
      transparent 62%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--brand-tokens-brand-600) 20%, transparent) 0%,
      color-mix(in srgb, var(--brand-tokens-brand-600) 7%, transparent) 76%,
      transparent 100%
    );
}

.template-root[data-brand="east-cobb-beacon"] {
  --card-label: 11px;
  --card-label-lh: 16px;
}

.template-root[data-brand="east-cobb-beacon"] .card-section-label {
  letter-spacing: 0.08em;
}