.template-root[data-brand="roswell-ledger"] {
  --brand-tokens-brand-50: #fcedef;
  --brand-tokens-brand-100: #f9dcdf;
  --brand-tokens-brand-200: #f4bdc3;
  --brand-tokens-brand-300: #ec838d;
  --brand-tokens-brand-400: #eb4a5a;
  --brand-tokens-brand-500: #b01121;
  --brand-tokens-brand-600: #7a0b16;
  --brand-tokens-brand-700: #630913;
  --brand-tokens-brand-800: #4b070f;
  --brand-tokens-brand-900: #38060c;
  --brand-tokens-brand-950: #250408;

  --brand-tokens-greyscale-10: #f7f9f7;
  --brand-tokens-greyscale-50: #eff2ef;
  --brand-tokens-greyscale-100: #e3e8e3;
  --brand-tokens-greyscale-200: #d0d7d1;
  --brand-tokens-greyscale-300: #afb8b1;
  --brand-tokens-greyscale-400: #8c948d;
  --brand-tokens-greyscale-500: #666d67;
  --brand-tokens-greyscale-600: #4f554f;
  --brand-tokens-greyscale-700: #3b403c;
  --brand-tokens-greyscale-800: #292d2a;
  --brand-tokens-greyscale-900: #171a18;
  --brand-tokens-greyscale-950: #0f110f;
  --brand-tokens-greyscale-1000: #070807;

  --brand-tokens-typography-body: "Lora";
  --brand-tokens-typography-labels: "Elms Sans";
  --brand-tokens-typography-titles-a: "Instrument Serif";
  --brand-tokens-typography-titles-b: "Merriweather";

  --tint-light: #f7edec;
}

.template-root[data-brand="roswell-ledger"] .block-container--bg-default,
.template-root[data-brand="roswell-ledger"] .block-container--bg-tint {
  --interactive-text-primary-hover: var(--brand-tokens-brand-700);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-800);

  --interactive-contained-primary-hover: var(--brand-tokens-brand-700);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-800);
}

.template-root[data-brand="roswell-ledger"] .block-container--bg-brand,
.template-root[data-brand="roswell-ledger"] .block-container--bg-inverted {
  --interactive-text-primary-idle: var(--brand-tokens-brand-100);
  --interactive-text-primary-hover: var(--brand-tokens-brand-200);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-300);
}

.template-root[data-brand="roswell-ledger"] .block-container--bg-default .block-section-title--v3,
.template-root[data-brand="roswell-ledger"] .block-container--bg-tint .block-section-title--v3 {
  border-bottom-color: var(--brand-tokens-brand-500);
  border-bottom-width: 2px;
}

.template-root[data-brand="roswell-ledger"] .block-container--bg-inverted:has(.block-header) {
  --elevation-fill-inverted-1: var(--brand-tokens-greyscale-950);

  background-image: linear-gradient(
    180deg,
    transparent 46%,
    color-mix(in srgb, var(--brand-tokens-brand-700) 52%, transparent) 100%
  );
}

/* The shared button fill does not separate from this painted surface. */
.template-root[data-brand="roswell-ledger"]
  .block-container--bg-inverted
  .block-header__subscribe-btn {
  background: var(--brand-tokens-brand-500);
  background-color: var(--brand-tokens-brand-500);
  border-color: var(--brand-tokens-brand-500);
}

/* Use a fixed gradient stop so the tall article band is not shaded end to end. */
.template-root[data-brand="roswell-ledger"] .block-container--bg-brand {
  background-image: linear-gradient(
    to top,
    color-mix(in srgb, var(--brand-tokens-brand-950) 26%, transparent) 0,
    transparent 300px
  );
}

.template-root[data-brand="roswell-ledger"] .block-breaking-news--inverted {
  --elevation-fill-inverted-1: var(--brand-tokens-brand-600);
}

/* Painted containers otherwise render typed input text on the field's light fill. */
.template-root[data-brand="roswell-ledger"] .block-container--bg-brand .block-cta__input,
.template-root[data-brand="roswell-ledger"] .block-container--bg-inverted .block-cta__input {
  color: var(--brand-tokens-greyscale-900);
}