.template-root[data-brand="greater-clear-lake-news"] {
  --brand-tokens-brand-50: #e7e7fe;
  --brand-tokens-brand-100: #cfd1fc;
  --brand-tokens-brand-200: #a1a4f7;
  --brand-tokens-brand-300: #6569ec;
  --brand-tokens-brand-400: #2a30df;
  --brand-tokens-brand-500: #1d21af;
  --brand-tokens-brand-600: #181c8b;
  --brand-tokens-brand-700: #15186f;
  --brand-tokens-brand-800: #13165d;
  --brand-tokens-brand-900: #101147;
  --brand-tokens-brand-950: #0a0b29;
  --brand-tokens-greyscale-10: #ffffff;
  --brand-tokens-greyscale-50: #f5f6f8;
  --brand-tokens-greyscale-100: #eaecf0;
  --brand-tokens-greyscale-200: #d5d8de;
  --brand-tokens-greyscale-300: #b2b7c0;
  --brand-tokens-greyscale-400: #8f95a1;
  --brand-tokens-greyscale-500: #5b6270;
  --brand-tokens-greyscale-600: #4a505c;
  --brand-tokens-greyscale-700: #393e48;
  --brand-tokens-greyscale-800: #272b33;
  --brand-tokens-greyscale-900: #12161c;
  --brand-tokens-greyscale-950: #0c0f13;
  --brand-tokens-greyscale-1000: #060809;
  --brand-tokens-typography-body: "Lora";
  --brand-tokens-typography-labels: "Manrope";
  --brand-tokens-typography-titles-a: "Space Grotesk";
  --brand-tokens-typography-titles-b: "Space Grotesk";
  --tint-light: #f2f4f7;
  /* Accent cyan is only safe on dark surfaces. */
  --accent-cyan: #7fd0d2;
}

.template-root[data-brand="greater-clear-lake-news"] .block-section-title {
  letter-spacing: 0.04em;
}
.template-root[data-brand="greater-clear-lake-news"] .block-quick-hits__label {
  letter-spacing: 0.12em;
}

.template-root[data-brand="greater-clear-lake-news"]
  .block-container--bg-brand
  .card-section-label {
  color: var(--accent-cyan);
}

/* Limit this meta color to surfaces that do not remap text for contrast. */
.template-root[data-brand="greater-clear-lake-news"] .block-container--bg-default .card-meta,
.template-root[data-brand="greater-clear-lake-news"] .block-container--bg-tint .card-meta {
  color: color-mix(in srgb, var(--brand-tokens-greyscale-600) 80%, var(--brand-tokens-brand-600));
}

.template-root[data-brand="greater-clear-lake-news"] .article-body a {
  text-decoration-color: var(--brand-tokens-greyscale-600);
  text-underline-offset: 2px;
}

.template-root[data-brand="greater-clear-lake-news"] .block-container--bg-brand {
  background-image:
    radial-gradient(
      90% 120% at 78% -20%,
      color-mix(in srgb, var(--brand-tokens-brand-400) 30%, transparent) 0%,
      transparent 62%
    ),
    radial-gradient(
      120% 90% at 18% 118%,
      color-mix(in srgb, var(--brand-tokens-brand-500) 26%, transparent) 0%,
      transparent 66%
    ),
    radial-gradient(
      60% 40% at 50% 130%,
      color-mix(in srgb, var(--accent-cyan) 20%, transparent) 0%,
      transparent 70%
    );
}

/* Keep the active nav item readable on the header wash. */
.template-root[data-brand="greater-clear-lake-news"] :where(.block-menubar:not([data-bg="inverted"], [data-bg="brand"])) .block-menubar__link[aria-current="page"] {
  color: var(--brand-tokens-brand-600);
}

/* Restate mobile values because overriding this token bypasses the shared breakpoint. */
.template-root[data-brand="greater-clear-lake-news"] .block-hero--v13 {
  --card-title-xl: 50px;
  --card-title-xl-lh: 56px;
}
@media (max-width: 767px) {
  .template-root[data-brand="greater-clear-lake-news"] .block-hero--v13 {
    --card-title-xl: 28px;
    --card-title-xl-lh: 34px;
  }
}

.template-root[data-brand="greater-clear-lake-news"]
  .block-container--bg-default:has(.block-header) {
  background-image:
    linear-gradient(
      178deg,
      color-mix(in srgb, var(--brand-tokens-brand-600) 26%, transparent) 0%,
      transparent 74%
    ),
    radial-gradient(
      92% 116% at 82% -22%,
      color-mix(in srgb, var(--brand-tokens-brand-400) 20%, transparent) 0%,
      transparent 62%
    ),
    radial-gradient(
      116% 56% at 50% 128%,
      color-mix(in srgb, var(--accent-cyan) 26%, transparent) 0%,
      transparent 68%
    );
}