.template-root[data-brand="johns-creek-bulletin"] {
  --brand-tokens-brand-50: #f7effa;
  --brand-tokens-brand-100: #eeddf4;
  --brand-tokens-brand-200: #dbb9e8;
  --brand-tokens-brand-300: #bd85d4;
  --brand-tokens-brand-400: #9a4cb8;
  --brand-tokens-brand-500: #7c1b95;
  --brand-tokens-brand-600: #5e0e71;
  --brand-tokens-brand-700: #4c0b5c;
  --brand-tokens-brand-800: #3b0847;
  --brand-tokens-brand-900: #2a0633;
  --brand-tokens-brand-950: #1a0420;
  --brand-tokens-greyscale-10: #fdfbfe;
  --brand-tokens-greyscale-50: #f8f4f9;
  --brand-tokens-greyscale-100: #efe8f1;
  --brand-tokens-greyscale-200: #ded2e1;
  --brand-tokens-greyscale-300: #c0aec5;
  --brand-tokens-greyscale-400: #9d87a4;
  --brand-tokens-greyscale-500: #6a5673;
  --brand-tokens-greyscale-600: #5d4b66;
  --brand-tokens-greyscale-700: #48384f;
  --brand-tokens-greyscale-800: #322639;
  --brand-tokens-greyscale-900: #1c1522;
  --brand-tokens-greyscale-950: #130e17;
  --brand-tokens-greyscale-1000: #0a070c;
  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "DM Sans";
  --brand-tokens-typography-titles-a: "Manrope";
  --brand-tokens-typography-titles-b: "Manrope";
  --tint-light: #f3ebf6;

  --jcb-gold: #ad730c;
  --jcb-gold-on-paint: #e8b552;
}

.template-root[data-brand="johns-creek-bulletin"] .block-container--bg-default,
.template-root[data-brand="johns-creek-bulletin"] .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="johns-creek-bulletin"] .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-4: var(--brand-tokens-brand-200);

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

.template-root[data-brand="johns-creek-bulletin"] .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="johns-creek-bulletin"] .block-container--bg-tint:has(.block-header) {
  background-image: linear-gradient(
    180deg,
    color-mix(in srgb, var(--brand-tokens-brand-600) 9%, transparent) 0%,
    transparent 100%
  );
}

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

/* A transparent border lets the layered rule paint the full strip. */
.template-root[data-brand="johns-creek-bulletin"] .block-section-title--v1,
.template-root[data-brand="johns-creek-bulletin"]
  .block-subcategory-section-title--v1
  .block-subcategory-section-title__row {
  border-bottom-color: transparent;
  background-image: linear-gradient(
    to bottom,
    var(--brand-tokens-brand-600) 0 3px,
    var(--jcb-gold) 3px 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 4px;
}

.template-root[data-brand="johns-creek-bulletin"]
  .block-container--bg-brand
  .block-section-title--v1 {
  background-image: linear-gradient(
    to bottom,
    var(--brand-tokens-brand-200) 0 3px,
    var(--jcb-gold-on-paint) 3px 4px
  );
}

.template-root[data-brand="johns-creek-bulletin"] .block-headline-list--v3 .card-meta {
  color: var(--brand-tokens-brand-500);
}

.template-root[data-brand="johns-creek-bulletin"]
  .block-menubar:not([data-bg="inverted"], [data-bg="brand"]) {
  border-top-color: var(--jcb-gold);
}