.template-root[data-brand="burlingame-hillsborough-times"] {
  --brand-tokens-brand-50: #eef5f5;
  --brand-tokens-brand-100: #dcebec;
  --brand-tokens-brand-200: #b6d3d5;
  --brand-tokens-brand-300: #82b0b4;
  --brand-tokens-brand-400: #4d8a8f;
  --brand-tokens-brand-500: #3f767b;
  --brand-tokens-brand-600: #38686b;
  --brand-tokens-brand-700: #2b5053;
  --brand-tokens-brand-800: #213e40;
  --brand-tokens-brand-900: #182c2e;
  --brand-tokens-brand-950: #0f1c1d;
  --brand-tokens-greyscale-10: #fafcfc;
  --brand-tokens-greyscale-50: #f1f5f5;
  --brand-tokens-greyscale-100: #e4eaea;
  --brand-tokens-greyscale-200: #cbd5d5;
  --brand-tokens-greyscale-300: #a8b6b6;
  --brand-tokens-greyscale-400: #7f8f90;
  --brand-tokens-greyscale-500: #556565;
  --brand-tokens-greyscale-600: #475557;
  --brand-tokens-greyscale-700: #364244;
  --brand-tokens-greyscale-800: #252e30;
  --brand-tokens-greyscale-900: #151c1d;
  --brand-tokens-greyscale-950: #0e1314;
  --brand-tokens-greyscale-1000: #070b0b;
  --brand-tokens-typography-body: "Bitter";
  --brand-tokens-typography-labels: "Host Grotesk";
  --brand-tokens-typography-titles-a: "Instrument Sans";
  --brand-tokens-typography-titles-b: "Instrument Sans";
  --tint-light: #e8f0f0;

  --bht-bark: #8f6a2e;
  --bht-bark-on-paint: #dcb872;
}

.template-root[data-brand="burlingame-hillsborough-times"] .block-container--bg-default,
.template-root[data-brand="burlingame-hillsborough-times"] .block-container--bg-tint {
  --interactive-text-primary-hover: var(--brand-tokens-brand-800);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-900);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-800);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-900);
}

.template-root[data-brand="burlingame-hillsborough-times"] .block-container--bg-brand {
  --interactive-text-primary-idle: var(--brand-tokens-brand-200);
  --interactive-text-primary-hover: var(--brand-tokens-brand-100);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-50);

  --text-inverted-3: var(--brand-tokens-greyscale-200);
  --text-inverted-4: var(--brand-tokens-brand-200);

  --hairline-color: color-mix(in srgb, var(--brand-tokens-greyscale-10) 22%, transparent);
}

.template-root[data-brand="burlingame-hillsborough-times"] .block-container--bg-brand {
  background-image: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--brand-tokens-brand-950) 24%, transparent) 100%
  );
}

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

/* A transparent border lets the layered rule paint the full strip. */
.template-root[data-brand="burlingame-hillsborough-times"] .block-section-title--v1,
.template-root[data-brand="burlingame-hillsborough-times"] .block-section-title--v5,
.template-root[data-brand="burlingame-hillsborough-times"]
  .block-subcategory-section-title--v1
  .block-subcategory-section-title__row {
  border-bottom-color: transparent;
  background-image: linear-gradient(
    to bottom,
    var(--brand-tokens-brand-600) 0 1px,
    transparent 1px 2px,
    var(--bht-bark) 2px 3px,
    transparent 3px 4px,
    var(--brand-tokens-brand-600) 4px 5px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 5px;
}

.template-root[data-brand="burlingame-hillsborough-times"]
  .block-container--bg-brand
  .block-section-title--v1,
.template-root[data-brand="burlingame-hillsborough-times"]
  .block-container--bg-brand
  .block-section-title--v5 {
  background-image: linear-gradient(
    to bottom,
    var(--brand-tokens-brand-200) 0 1px,
    transparent 1px 2px,
    var(--bht-bark-on-paint) 2px 3px,
    transparent 3px 4px,
    var(--brand-tokens-brand-200) 4px 5px
  );
}

.template-root[data-brand="burlingame-hillsborough-times"] .block-header__weather {
  color: var(--brand-tokens-brand-600);
}

.template-root[data-brand="burlingame-hillsborough-times"]
  .block-container--bg-brand
  .block-section-title__bar {
  background-color: var(--bht-bark-on-paint);
}
