.template-root[data-brand="village-press"] {
  --brand-tokens-brand-50: #f9f0f9;
  --brand-tokens-brand-100: #f5e6f4;
  --brand-tokens-brand-200: #eacde9;
  --brand-tokens-brand-300: #d194cf;
  --brand-tokens-brand-400: #b847b2;
  --brand-tokens-brand-500: #822b7e;
  --brand-tokens-brand-600: #50164d;
  --brand-tokens-brand-700: #41103e;
  --brand-tokens-brand-800: #320b2f;
  --brand-tokens-brand-900: #270723;
  --brand-tokens-brand-950: #1a0418;

  --brand-tokens-greyscale-10: #f9f6f9;
  --brand-tokens-greyscale-50: #f4f0f4;
  --brand-tokens-greyscale-100: #ebe6eb;
  --brand-tokens-greyscale-200: #dad3da;
  --brand-tokens-greyscale-300: #c1b8c1;
  --brand-tokens-greyscale-400: #9f939f;

  --brand-tokens-greyscale-500: #5c515c;
  --brand-tokens-greyscale-600: #4c434c;
  --brand-tokens-greyscale-700: #3b353b;
  --brand-tokens-greyscale-800: #2e292e;
  --brand-tokens-greyscale-900: #211c21;
  --brand-tokens-greyscale-950: #161316;
  --brand-tokens-greyscale-1000: #0e0c0e;

  --brand-tokens-typography-body: "Google Sans Flex";
  --brand-tokens-typography-labels: "Space Grotesk";
  --brand-tokens-typography-titles-a: "Gloock";
  --brand-tokens-typography-titles-b: "Merriweather";

  --tint-light: #f5e6f4;
}

.template-root[data-brand="village-press"] .block-footer__masthead {
  font-weight: 400;
}

.template-root[data-brand="village-press"] .block-container--bg-default,
.template-root[data-brand="village-press"] .block-container--bg-tint {
  --text-default-4: var(--brand-tokens-brand-500);
  --elevation-fill-default-4: var(--brand-tokens-brand-500);
  --interactive-text-primary-idle: var(--brand-tokens-brand-500);
  --interactive-text-primary-hover: var(--brand-tokens-brand-700);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-800);
}

.template-root[data-brand="village-press"] {
  --interactive-contained-primary-hover: var(--brand-tokens-brand-800);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-900);
}

.template-root[data-brand="village-press"] .block-container--bg-brand,
.template-root[data-brand="village-press"] .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="village-press"] .block-container--bg-inverted {
  --text-inverted-4: var(--brand-tokens-brand-300);
}

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

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

.template-root[data-brand="village-press"] .block-container--bg-default:has(.block-header) {
  background-image:
    radial-gradient(
      66% 118% at 86% -12%,
      color-mix(in srgb, var(--brand-tokens-greyscale-10) 42%, transparent) 0%,
      transparent 60%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--brand-tokens-brand-600) 10%, transparent) 0%,
      color-mix(in srgb, var(--brand-tokens-brand-600) 3%, transparent) 78%,
      transparent 100%
    );
}

.template-root[data-brand="village-press"] .card-section-label {
  letter-spacing: 0.1em;
}