.template-root[data-brand="bethesda-beacon"] {
  --brand-tokens-brand-50: #f2f5f8;
  --brand-tokens-brand-100: #e5ebf0;
  --brand-tokens-brand-200: #cbd7e2;
  --brand-tokens-brand-300: #97afc4;
  --brand-tokens-brand-400: #527898;
  --brand-tokens-brand-500: #3b5972;
  --brand-tokens-brand-600: #283f52;
  --brand-tokens-brand-700: #1f3242;
  --brand-tokens-brand-800: #182735;
  --brand-tokens-brand-900: #111d27;
  --brand-tokens-brand-950: #0a1219;

  --brand-tokens-greyscale-10: #fcfcfd;
  --brand-tokens-greyscale-50: #f6f7f9;
  --brand-tokens-greyscale-100: #ebedef;
  --brand-tokens-greyscale-200: #d7dbdf;
  --brand-tokens-greyscale-300: #b0b8bf;
  --brand-tokens-greyscale-400: #8a949e;
  --brand-tokens-greyscale-500: #5a636d;
  --brand-tokens-greyscale-600: #464f58;
  --brand-tokens-greyscale-700: #363d45;
  --brand-tokens-greyscale-800: #262b31;
  --brand-tokens-greyscale-900: #181c20;
  --brand-tokens-greyscale-950: #0f1215;
  --brand-tokens-greyscale-1000: #080a0c;

  --brand-tokens-typography-body: "Lora";
  --brand-tokens-typography-labels: "Lora";
  --brand-tokens-typography-titles-a: "Inter Tight";
  --brand-tokens-typography-titles-b: "Inter Tight";
  --tint-light: #ebeef1;
}

.template-root[data-brand="bethesda-beacon"] .block-section-title {
  letter-spacing: 0.02em;
}

.template-root[data-brand="bethesda-beacon"] {
  --text-default-4: var(--brand-tokens-brand-500);
}

.template-root[data-brand="bethesda-beacon"] .block-container--bg-default .block-section-title--v1,
.template-root[data-brand="bethesda-beacon"] .block-container--bg-tint .block-section-title--v1 {
  border-bottom-color: var(--brand-tokens-brand-500);
}
.template-root[data-brand="bethesda-beacon"]
  .block-container--bg-default
  .block-section-title__line,
.template-root[data-brand="bethesda-beacon"] .block-container--bg-tint .block-section-title__line {
  border-top-color: var(--brand-tokens-brand-500);
}

.template-root[data-brand="bethesda-beacon"] .block-container--bg-default,
.template-root[data-brand="bethesda-beacon"] .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="bethesda-beacon"] {
  --interactive-outlined-primary-toggled-idle: var(--brand-tokens-brand-600);
}

.template-root[data-brand="bethesda-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-300);
}
.template-root[data-brand="bethesda-beacon"] .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="bethesda-beacon"]
  .block-container--bg-default
  .block-menubar__link[aria-current="page"] {
  color: var(--brand-tokens-brand-600);
}

.template-root[data-brand="bethesda-beacon"] .block-container--bg-default:has(.block-header) {
  background-image:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--brand-tokens-brand-500) 16%, transparent) 0%,
      color-mix(in srgb, var(--brand-tokens-brand-500) 7%, transparent) 70%,
      transparent 100%
    ),
    radial-gradient(
      54% 86% at 88% 6%,
      color-mix(in srgb, var(--brand-tokens-greyscale-10) 60%, transparent) 0%,
      transparent 58%
    );
}

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

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