.template-root[data-brand="olathe-daily-digest"] {
  --brand-tokens-brand-50: #e9f9f0;
  --brand-tokens-brand-100: #c8f0da;
  --brand-tokens-brand-200: #95e0ba;
  --brand-tokens-brand-300: #57c893;
  --brand-tokens-brand-400: #26ac72;
  --brand-tokens-brand-500: #1c9f66;
  --brand-tokens-brand-600: #199a60;
  --brand-tokens-brand-700: #117347;
  --brand-tokens-brand-800: #0f6440;
  --brand-tokens-brand-900: #0b4c31;
  --brand-tokens-brand-950: #06281a;
  --brand-tokens-greyscale-10: #fdf9ef;
  --brand-tokens-greyscale-50: #f5f0e2;
  --brand-tokens-greyscale-100: #eae4d3;
  --brand-tokens-greyscale-200: #d2ccba;
  --brand-tokens-greyscale-300: #b0ad9c;
  --brand-tokens-greyscale-400: #8e8d7f;
  --brand-tokens-greyscale-500: #575c53;
  --brand-tokens-greyscale-600: #494e47;
  --brand-tokens-greyscale-700: #393d38;
  --brand-tokens-greyscale-800: #272a26;
  --brand-tokens-greyscale-900: #101b15;
  --brand-tokens-greyscale-950: #0a110d;
  --brand-tokens-greyscale-1000: #050806;
  --brand-tokens-typography-body: "Instrument Sans";
  --brand-tokens-typography-labels: "Manrope";
  --brand-tokens-typography-titles-a: "Bitter";
  --brand-tokens-typography-titles-b: "Bitter";
  --tint-light: #f2ead6;
  /* Accessible accent for section bars and metadata on light surfaces. */
  --accent-leather: #7a4a24;
}

.template-root[data-brand="olathe-daily-digest"] .block-section-title {
  letter-spacing: 0.03em;
}

/* Keep painted surfaces on their remapped light section-bar color. */
.template-root[data-brand="olathe-daily-digest"]
  .block-container--bg-default
  .block-section-title__bar {
  background-color: var(--accent-leather);
}
.template-root[data-brand="olathe-daily-digest"]
  .block-container--bg-tint
  .block-section-title__bar {
  background-color: var(--accent-leather);
}
.template-root[data-brand="olathe-daily-digest"] .block-container--bg-default .card-meta,
.template-root[data-brand="olathe-daily-digest"] .block-container--bg-tint .card-meta {
  color: var(--accent-leather);
}

/* Use a darker stop for text on light surfaces without changing the dark scheme. */
.template-root[data-brand="olathe-daily-digest"][data-color-scheme="light"] {
  --interactive-text-primary-idle: var(--brand-tokens-brand-700);
  --text-default-4: var(--brand-tokens-brand-700);
}

.template-root[data-brand="olathe-daily-digest"] .block-container--bg-default:has(.block-header) {
  background-image:
    radial-gradient(
      112% 54% at 50% 126%,
      color-mix(in srgb, var(--accent-leather) 24%, transparent) 0%,
      transparent 64%
    ),
    radial-gradient(
      88% 112% at 50% -20%,
      color-mix(in srgb, var(--brand-tokens-brand-400) 20%, transparent) 0%,
      transparent 58%
    );
}