.template-root[data-brand="wichita-ledger"] {
  --brand-tokens-brand-50: #fef9ec;
  --brand-tokens-brand-100: #fdf1ce;
  --brand-tokens-brand-200: #fae39e;
  --brand-tokens-brand-300: #f7d264;
  --brand-tokens-brand-400: #f4c434;
  --brand-tokens-brand-500: #f0ba19;
  --brand-tokens-brand-600: #ce9f12;
  --brand-tokens-brand-700: #a58112;
  --brand-tokens-brand-800: #846710;
  --brand-tokens-brand-900: #67510e;
  --brand-tokens-brand-950: #3a2d09;
  --brand-tokens-greyscale-10: #fffbf2;
  --brand-tokens-greyscale-50: #f7f1e5;
  --brand-tokens-greyscale-100: #ebe4d5;
  --brand-tokens-greyscale-200: #d8cfbc;
  --brand-tokens-greyscale-300: #b8ad97;
  --brand-tokens-greyscale-400: #968a73;
  --brand-tokens-greyscale-500: #726855;
  --brand-tokens-greyscale-600: #5b5343;
  --brand-tokens-greyscale-700: #463f33;
  --brand-tokens-greyscale-800: #332e25;
  --brand-tokens-greyscale-900: #241a10;
  --brand-tokens-greyscale-950: #17110a;
  --brand-tokens-greyscale-1000: #0b0805;
  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "Inter Tight";
  --brand-tokens-typography-titles-a: "Stack Sans Headline";
  --brand-tokens-typography-titles-b: "Stack Sans Headline";
  --tint-light: #f8efd9;
  --keeper-ember: #d1550f;
}

.template-root[data-brand="wichita-ledger"] .block-section-title {
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* The nowrap display face needs a smaller size than the shared serif masthead. */
.template-root[data-brand="wichita-ledger"] .block-header__masthead {
  font-size: 60px;
  letter-spacing: -0.015em;
}

/* Bright brand stops fail text contrast on cream, so text uses darker stops. */
.template-root[data-brand="wichita-ledger"] {
  --text-default-4: var(--brand-tokens-brand-800);
  --elevation-fill-default-4: var(--brand-tokens-brand-700);
  --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-800);
  --interactive-contained-primary-idle: var(--brand-tokens-brand-800);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-900);
  /* The brand band uses dark text, so its bright fill remains readable. */
  --interactive-outlined-primary-toggled-idle: var(--brand-tokens-brand-500);
}

/* Scope dark text to the light brand band; the inverted footer still needs light text. */
.template-root[data-brand="wichita-ledger"] .block-container--bg-brand {
  --text-inverted-1: var(--brand-tokens-greyscale-900);
  --text-inverted-2: var(--brand-tokens-greyscale-800);
  --text-inverted-3: var(--brand-tokens-greyscale-700);
}

.template-root[data-brand="wichita-ledger"] .block-container--bg-default:has(.block-header) {
  background-image:
    radial-gradient(
      70% 130% at 50% -14%,
      color-mix(in srgb, var(--brand-tokens-brand-400) 24%, transparent) 0%,
      transparent 62%
    ),
    radial-gradient(
      46% 90% at 50% 116%,
      color-mix(in srgb, var(--keeper-ember) 20%, transparent) 0%,
      transparent 58%
    );
}