.template-root[data-brand="palm-harbor-dunedin-beacon"] {
  --brand-tokens-brand-50: #f4f7fb;
  --brand-tokens-brand-100: #e5ecf5;
  --brand-tokens-brand-200: #d4deed;
  --brand-tokens-brand-300: #bfcde3;
  --brand-tokens-brand-400: #aebfdb;
  --brand-tokens-brand-500: #a0b3d4;
  --brand-tokens-brand-600: #95abd0;

  --brand-tokens-brand-700: #7e98c8;
  --brand-tokens-brand-800: #27437c;
  --brand-tokens-brand-900: #162c5a;
  --brand-tokens-brand-950: #0c1a3b;

  --brand-tokens-greyscale-10: #faf8f5;
  --brand-tokens-greyscale-50: #f6f3ef;
  --brand-tokens-greyscale-100: #ede9e3;
  --brand-tokens-greyscale-200: #ddd7d0;
  --brand-tokens-greyscale-300: #c5bdb4;
  --brand-tokens-greyscale-400: #a4998e;
  --brand-tokens-greyscale-500: #5f564e;
  --brand-tokens-greyscale-600: #4f4740;
  --brand-tokens-greyscale-700: #3e3732;
  --brand-tokens-greyscale-800: #302b27;
  --brand-tokens-greyscale-900: #221e1b;
  --brand-tokens-greyscale-950: #171412;
  --brand-tokens-greyscale-1000: #0e0c0b;

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

  --tint-light: #e5ecf5;
}

.template-root[data-brand="palm-harbor-dunedin-beacon"] .block-container--bg-default {
  --interactive-outlined-secondary-on-toggled-idle: var(--brand-tokens-greyscale-900);
  --text-default-4: var(--brand-tokens-brand-800);
  --elevation-fill-default-4: var(--brand-tokens-brand-800);
  --interactive-text-primary-idle: var(--brand-tokens-brand-800);
  --interactive-text-primary-hover: var(--brand-tokens-brand-900);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-950);
}

.template-root[data-brand="palm-harbor-dunedin-beacon"] {
  --interactive-contained-primary-idle: var(--brand-tokens-brand-800);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-900);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-950);
}

/* This light brand surface needs dark text tokens, including the signup input. */
.template-root[data-brand="palm-harbor-dunedin-beacon"] .block-container--bg-brand {
  --text-default-1: var(--brand-tokens-greyscale-900);
  --text-default-2: var(--brand-tokens-greyscale-800);
  --text-default-3: var(--brand-tokens-greyscale-800);
  --text-default-4: var(--brand-tokens-brand-900);
  --interactive-text-primary-idle: var(--brand-tokens-brand-900);
  --interactive-text-primary-hover: var(--brand-tokens-brand-950);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-950);

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

.template-root[data-brand="palm-harbor-dunedin-beacon"] .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);
}

/* Painted containers otherwise hide typed input text and the shared button edge. */
.template-root[data-brand="palm-harbor-dunedin-beacon"]
  .block-container--bg-inverted
  .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="palm-harbor-dunedin-beacon"]
  .block-container--bg-inverted
  .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="palm-harbor-dunedin-beacon"]
  .block-container--bg-brand
  .block-cta__fine-print {
  color: var(--brand-tokens-greyscale-800);
}

.template-root[data-brand="palm-harbor-dunedin-beacon"] .card-section-label {
  letter-spacing: 0.09em;
}