.template-root[data-brand="oklahoma-city-ledger"] {
  --brand-tokens-brand-50: #eef6fc;
  --brand-tokens-brand-100: #d6ebf8;
  --brand-tokens-brand-200: #a9d5f0;
  --brand-tokens-brand-300: #71b8e4;
  --brand-tokens-brand-400: #3f9ad4;
  --brand-tokens-brand-500: #1f7fbe;
  --brand-tokens-brand-600: #16679e;
  --brand-tokens-brand-700: #12527d;
  --brand-tokens-brand-800: #124465;
  --brand-tokens-brand-900: #123a55;
  --brand-tokens-brand-950: #0a2133;
  --brand-tokens-greyscale-10: #fdfaf7;
  --brand-tokens-greyscale-50: #f5efe9;
  --brand-tokens-greyscale-100: #e8ddd4;
  --brand-tokens-greyscale-200: #d3c2b6;
  --brand-tokens-greyscale-300: #b6a294;
  --brand-tokens-greyscale-400: #978276;
  --brand-tokens-greyscale-500: #7a675c;
  --brand-tokens-greyscale-600: #615149;
  --brand-tokens-greyscale-700: #4a3e38;
  --brand-tokens-greyscale-800: #352d29;
  --brand-tokens-greyscale-900: #241f1c;
  --brand-tokens-greyscale-950: #151210;
  --brand-tokens-greyscale-1000: #0a0908;
  --brand-tokens-typography-body: "Source Serif 4";
  --brand-tokens-typography-labels: "Manrope";
  --brand-tokens-typography-titles-a: "Space Grotesk";
  --brand-tokens-typography-titles-b: "Space Grotesk";
  --tint-light: #f2e3d8;
}

.template-root[data-brand="oklahoma-city-ledger"] .block-header__masthead {
  font-size: 52px;
  letter-spacing: -0.02em;
}

.template-root[data-brand="oklahoma-city-ledger"] .block-container--bg-default:has(.block-header) {
  background-image:
    linear-gradient(
      101deg,
      rgba(22, 103, 158, 0.3) 0%,
      rgba(22, 103, 158, 0.12) 38%,
      rgba(22, 103, 158, 0.02) 62%,
      transparent 78%
    ),
    linear-gradient(180deg, rgba(197, 124, 78, 0.18) 0%, transparent 78%);
}
.template-root[data-brand="oklahoma-city-ledger"] .block-section-title {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.template-root[data-brand="oklahoma-city-ledger"] .block-nav-bar {
  letter-spacing: 0.03em;
}

/* The wire strip sits on the inverted band, where the default live dot is too
   dark (2.69:1). The lighter step clears 3:1 there (5.27:1). */
.template-root[data-brand="oklahoma-city-ledger"] .block-container--bg-inverted {
  --accent-signal: var(--brand-tokens-brand-400);
}