.template-root[data-brand="lakewood-ranch-beacon"] {
  --brand-tokens-brand-50: #f1f8ea;
  --brand-tokens-brand-100: #e0f2d1;
  --brand-tokens-brand-200: #bde3a3;
  --brand-tokens-brand-300: #8ecb6a;
  --brand-tokens-brand-400: #5da83a;
  --brand-tokens-brand-500: #3d7f1c;
  --brand-tokens-brand-600: #1f630d;
  --brand-tokens-brand-700: #19510b;
  --brand-tokens-brand-800: #144108;
  --brand-tokens-brand-900: #0e2f06;
  --brand-tokens-brand-950: #081e04;
  --brand-tokens-greyscale-10: #fbfaf6;
  --brand-tokens-greyscale-50: #f3f4ec;
  --brand-tokens-greyscale-100: #e7e9dd;
  --brand-tokens-greyscale-200: #d0d4c1;
  --brand-tokens-greyscale-300: #adb399;
  --brand-tokens-greyscale-400: #848c6f;
  --brand-tokens-greyscale-500: #5c644b;
  --brand-tokens-greyscale-600: #49503b;
  --brand-tokens-greyscale-700: #373d2d;
  --brand-tokens-greyscale-800: #262a1f;
  --brand-tokens-greyscale-900: #1a1c15;
  --brand-tokens-greyscale-950: #111309;
  --brand-tokens-greyscale-1000: #080a05;
  --brand-tokens-typography-body: "Google Sans Flex";
  --brand-tokens-typography-labels: "Space Grotesk";
  --brand-tokens-typography-titles-a: "Fraunces";
  --brand-tokens-typography-titles-b: "Fraunces";
  --tint-light: #e9efe2;
}

.template-root[data-brand="lakewood-ranch-beacon"] .block-container--bg-default,
.template-root[data-brand="lakewood-ranch-beacon"] .block-container--bg-tint {
  --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-800);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-900);
}

.template-root[data-brand="lakewood-ranch-beacon"] .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-50);

  --text-inverted-3: var(--brand-tokens-greyscale-200);
  --text-inverted-4: var(--brand-tokens-brand-200);

  --hairline-color: color-mix(in srgb, var(--brand-tokens-greyscale-10) 22%, transparent);
}

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

.template-root[data-brand="lakewood-ranch-beacon"]
  .block-container--bg-brand
  .block-section-title__bar {
  background-color: var(--brand-tokens-brand-200);
}

.template-root[data-brand="lakewood-ranch-beacon"] .block-section-title--v5,
.template-root[data-brand="lakewood-ranch-beacon"]
  .block-subcategory-section-title--v1
  .block-subcategory-section-title__row {
  border-bottom-color: var(--brand-tokens-brand-600);
}

.template-root[data-brand="lakewood-ranch-beacon"]
  .block-container--bg-brand
  .block-section-title--v5 {
  border-bottom-color: color-mix(in srgb, var(--brand-tokens-greyscale-10) 30%, transparent);
}