.template-root[data-brand="the-basin-news"] {
  --brand-tokens-brand-50: #f7fbf4;
  --brand-tokens-brand-100: #ebf5e6;
  --brand-tokens-brand-200: #d8eacc;
  --brand-tokens-brand-300: #c0e0ae;
  --brand-tokens-brand-400: #a9d68f;
  --brand-tokens-brand-500: #9ed080;
  --brand-tokens-brand-600: #92cb72;

  --brand-tokens-brand-700: #7fc559;
  --brand-tokens-brand-800: #3e7722;
  --brand-tokens-brand-900: #285214;
  --brand-tokens-brand-950: #19360c;

  --brand-tokens-greyscale-10: #f7f9f6;
  --brand-tokens-greyscale-50: #f2f4f0;
  --brand-tokens-greyscale-100: #e8ebe5;
  --brand-tokens-greyscale-200: #d6dad2;
  --brand-tokens-greyscale-300: #bdc2b7;
  --brand-tokens-greyscale-400: #99a092;
  --brand-tokens-greyscale-500: #585d51;
  --brand-tokens-greyscale-600: #484c42;
  --brand-tokens-greyscale-700: #393c34;
  --brand-tokens-greyscale-800: #2c2e28;
  --brand-tokens-greyscale-900: #1f211c;
  --brand-tokens-greyscale-950: #151613;
  --brand-tokens-greyscale-1000: #0d0e0b;

  --brand-tokens-typography-body: "Google Sans Flex";
  --brand-tokens-typography-labels: "DM Sans";
  --brand-tokens-typography-titles-a: "Fraunces";
  --brand-tokens-typography-titles-b: "Fraunces";

  --tint-light: #ebf5e6;
}

.template-root[data-brand="the-basin-news"] .block-container--bg-default,
.template-root[data-brand="the-basin-news"] .block-container--bg-tint {
  --text-default-4: var(--brand-tokens-brand-800);
  --elevation-fill-default-4: var(--brand-tokens-brand-800);
  --interactive-text-primary-idle: var(--brand-tokens-brand-800);
  --interactive-text-primary-hover: var(--brand-tokens-brand-900);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-950);
  --interactive-contained-primary-idle: var(--brand-tokens-brand-800);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-900);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-950);

  --interactive-outlined-secondary-on-toggled-idle: var(--brand-tokens-greyscale-900);
}

.template-root[data-brand="the-basin-news"] .block-container--bg-brand {
  --text-default-1: var(--brand-tokens-greyscale-900);
  --text-default-2: var(--brand-tokens-greyscale-800);
  --text-default-3: var(--brand-tokens-greyscale-800);

  --text-default-4: var(--brand-tokens-brand-950);
  --interactive-text-primary-idle: var(--brand-tokens-brand-950);
  --interactive-text-primary-hover: var(--brand-tokens-greyscale-900);
  --interactive-text-primary-pressed: var(--brand-tokens-greyscale-900);

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

.template-root[data-brand="the-basin-news"] .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-200);
}

/* Painted containers otherwise hide typed input text and the shared button edge. */
.template-root[data-brand="the-basin-news"] .block-container--bg-inverted .block-cta__input {
  color: var(--brand-tokens-greyscale-900);
}

.template-root[data-brand="the-basin-news"] .block-container--bg-inverted .block-cta__button {
  background: var(--brand-tokens-brand-200);
  border-color: var(--brand-tokens-brand-200);
  color: var(--brand-tokens-brand-900);
}

.template-root[data-brand="the-basin-news"] .block-container--bg-inverted .block-cta__button:hover {
  background: var(--brand-tokens-brand-100);
  border-color: var(--brand-tokens-brand-100);
  color: var(--brand-tokens-brand-900);
  opacity: 1;
}

.template-root[data-brand="the-basin-news"]
  .block-container--bg-inverted
  .block-weather--bg-inverted {
  background-color: var(--brand-tokens-brand-700);
  color: var(--brand-tokens-greyscale-900);
}

.template-root[data-brand="the-basin-news"] .card-section-label {
  letter-spacing: 0.1em;
}