.template-root[data-brand="bellevue-beacon"] {
  --brand-tokens-brand-50: #effaf0;
  --brand-tokens-brand-100: #d7f4d9;
  --brand-tokens-brand-200: #a5e9ab;
  --brand-tokens-brand-300: #6cda75;
  --brand-tokens-brand-400: #33cc40;
  --brand-tokens-brand-500: #259d2f;
  --brand-tokens-brand-600: #1b7423;
  --brand-tokens-brand-700: #15601b;
  --brand-tokens-brand-800: #105016;
  --brand-tokens-brand-900: #0c4011;
  --brand-tokens-brand-950: #07270a;
  --brand-tokens-greyscale-10: #ffffff;
  --brand-tokens-greyscale-50: #f5faf5;
  --brand-tokens-greyscale-100: #ebf5ec;
  --brand-tokens-greyscale-200: #d4e8d6;
  --brand-tokens-greyscale-300: #abceae;
  --brand-tokens-greyscale-400: #73a577;
  --brand-tokens-greyscale-500: #4b754e;
  --brand-tokens-greyscale-600: #406843;
  --brand-tokens-greyscale-700: #315434;
  --brand-tokens-greyscale-800: #254127;
  --brand-tokens-greyscale-900: #1b321d;
  --brand-tokens-greyscale-950: #112213;
  --brand-tokens-greyscale-1000: #081109;
  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "Inter Tight";
  --brand-tokens-typography-titles-a: "DM Sans";
  --brand-tokens-typography-titles-b: "DM Sans";
  --tint-light: #f0f8f1;
}

.template-root[data-brand="bellevue-beacon"] .block-section-title {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.template-root[data-brand="bellevue-beacon"] .block-container--bg-default:has(.block-header) {
  background-image: linear-gradient(
    18deg,
    color-mix(in srgb, var(--brand-tokens-brand-600) 11%, transparent) 0%,
    color-mix(in srgb, var(--brand-tokens-brand-400) 6%, transparent) 40%,
    transparent 74%
  );
}