.template-root[data-brand="san-rafael-record"] {
  --brand-tokens-brand-50: #faeff1;
  --brand-tokens-brand-100: #f4e1e4;
  --brand-tokens-brand-200: #e7c5ca;
  --brand-tokens-brand-300: #ce979e;
  --brand-tokens-brand-400: #b36b74;
  --brand-tokens-brand-500: #9f565f;
  --brand-tokens-brand-600: #8b4b54;
  --brand-tokens-brand-700: #6d373d;
  --brand-tokens-brand-800: #53272c;
  --brand-tokens-brand-900: #3d1a1d;
  --brand-tokens-brand-950: #281011;

  --brand-tokens-greyscale-10: #fbf7f4;
  --brand-tokens-greyscale-50: #f7f2ee;
  --brand-tokens-greyscale-100: #eee8e2;
  --brand-tokens-greyscale-200: #dfd6cd;
  --brand-tokens-greyscale-300: #c9bbb1;
  --brand-tokens-greyscale-400: #a7968b;

  --brand-tokens-greyscale-500: #5e514a;
  --brand-tokens-greyscale-600: #4d423d;
  --brand-tokens-greyscale-700: #3c332f;
  --brand-tokens-greyscale-800: #2e2724;
  --brand-tokens-greyscale-900: #201a18;
  --brand-tokens-greyscale-950: #14100f;
  --brand-tokens-greyscale-1000: #0c0909;

  --brand-tokens-typography-body: "Merriweather";
  --brand-tokens-typography-labels: "Barlow Semi Condensed";
  --brand-tokens-typography-titles-a: "Space Grotesk";
  --brand-tokens-typography-titles-b: "Space Grotesk";

  --tint-light: #f4e1e4;
}

.template-root[data-brand="san-rafael-record"] {
  --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-700);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-800);
}

.template-root[data-brand="san-rafael-record"] .block-container--bg-brand,
.template-root[data-brand="san-rafael-record"] .block-container--bg-inverted {
  --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-100);
}

.template-root[data-brand="san-rafael-record"] .block-container--bg-inverted {
  --text-inverted-4: #c49f31;
}

.template-root[data-brand="san-rafael-record"] .block-footer[data-bg="inverted"] {
  --footer-masthead: var(--text-inverted-4);
}

.template-root[data-brand="san-rafael-record"] .block-container--bg-brand {
  --hairline-color: color-mix(in srgb, var(--brand-tokens-greyscale-200) 30%, transparent);
}

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

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

.template-root[data-brand="san-rafael-record"] .block-container--bg-inverted:has(.block-header) {
  background-image: linear-gradient(
    180deg,
    color-mix(in srgb, var(--brand-tokens-brand-700) 26%, transparent) 0%,
    color-mix(in srgb, var(--brand-tokens-brand-700) 8%, transparent) 100%
  );
}

/* The shared button fill does not separate from this painted surface. */
.template-root[data-brand="san-rafael-record"] .block-container--bg-brand .block-cta__button {
  background: var(--brand-tokens-brand-200);
  border-color: var(--brand-tokens-brand-200);
  color: var(--brand-tokens-brand-900);
}

.template-root[data-brand="san-rafael-record"] .block-container--bg-brand .block-cta__button:hover {
  background: var(--brand-tokens-brand-100);
  border-color: var(--brand-tokens-brand-100);
  color: var(--brand-tokens-brand-900);
  opacity: 1;
}

.template-root[data-brand="san-rafael-record"] .card-section-label {
  letter-spacing: 0.11em;
}