.template-root[data-brand="city-of-destiny-daily"] {
  --brand-tokens-brand-50: #e9f7f4;
  --brand-tokens-brand-100: #c9ece6;
  --brand-tokens-brand-200: #96d9ce;
  --brand-tokens-brand-300: #5cc0b2;
  --brand-tokens-brand-400: #2ba496;
  --brand-tokens-brand-500: #158e80;
  --brand-tokens-brand-600: #0f7d70;
  --brand-tokens-brand-700: #0c665c;
  --brand-tokens-brand-800: #0a534b;
  --brand-tokens-brand-900: #08403a;
  --brand-tokens-brand-950: #04231f;
  --brand-tokens-greyscale-10: #fdf8ee;
  --brand-tokens-greyscale-50: #f4eee0;
  --brand-tokens-greyscale-100: #e8e2d2;
  --brand-tokens-greyscale-200: #d0cbb9;
  --brand-tokens-greyscale-300: #aeada0;
  --brand-tokens-greyscale-400: #8c8f86;
  --brand-tokens-greyscale-500: #566360;
  --brand-tokens-greyscale-600: #47534f;
  --brand-tokens-greyscale-700: #38423f;
  --brand-tokens-greyscale-800: #27302e;
  --brand-tokens-greyscale-900: #142220;
  --brand-tokens-greyscale-950: #0d1615;
  --brand-tokens-greyscale-1000: #060b0a;
  /* Anton only ships at 400; keep the 600-weight card slot on the sans face. */
  --brand-tokens-typography-body: "Merriweather";
  --brand-tokens-typography-labels: "Barlow Semi Condensed";
  --brand-tokens-typography-titles-a: "Anton";
  --brand-tokens-typography-titles-b: "Instrument Sans";
  --tint-light: #f3e8d6;
  --accent-copper: #c55d20;
  --accent-copper-deep: #a94d1a;
}

.template-root[data-brand="city-of-destiny-daily"] .block-section-title {
  letter-spacing: 0.04em;
}

.template-root[data-brand="city-of-destiny-daily"]
  .block-container--bg-default
  .block-section-title--v8 {
  border-top-color: var(--accent-copper-deep);
}
.template-root[data-brand="city-of-destiny-daily"]
  .block-container--bg-default
  .card-section-label {
  color: var(--accent-copper-deep);
}
.template-root[data-brand="city-of-destiny-daily"][data-color-scheme="light"] {
  --interactive-text-primary-idle: var(--accent-copper-deep);
  --text-default-4: var(--accent-copper-deep);
}

.template-root[data-brand="city-of-destiny-daily"] .block-container--bg-default:has(.block-header) {
  background-image:
    radial-gradient(
      104% 62% at 50% 124%,
      color-mix(in srgb, var(--accent-copper) 26%, transparent) 0%,
      transparent 64%
    ),
    radial-gradient(
      86% 108% at 50% -18%,
      color-mix(in srgb, var(--brand-tokens-brand-300) 22%, transparent) 0%,
      transparent 58%
    );
}