.template-root[data-brand="camarillo-review"] {
  /* Field green. 600 is the link colour and the section-title square on the
     paper; 700 fills the nav bar and the feature band. */
  --brand-tokens-brand-50: #eef7ef;
  --brand-tokens-brand-100: #d5ecd8;
  --brand-tokens-brand-200: #acd8b2;
  --brand-tokens-brand-300: #7dbf88;
  --brand-tokens-brand-400: #4fa160;
  --brand-tokens-brand-500: #358a48;
  --brand-tokens-brand-600: #27793a;
  --brand-tokens-brand-700: #1f6130;
  --brand-tokens-brand-800: #194c27;
  --brand-tokens-brand-900: #12371c;
  --brand-tokens-brand-950: #0b2211;
  /* Cool white paper, a faint green cast in the greys, near-black ink. */
  --brand-tokens-greyscale-10: #ffffff;
  --brand-tokens-greyscale-50: #f4f7f4;
  --brand-tokens-greyscale-100: #e6ece7;
  --brand-tokens-greyscale-200: #cdd8cf;
  --brand-tokens-greyscale-300: #a7b6aa;
  --brand-tokens-greyscale-400: #7e8f82;
  --brand-tokens-greyscale-500: #58685c;
  --brand-tokens-greyscale-600: #47544a;
  --brand-tokens-greyscale-700: #364039;
  --brand-tokens-greyscale-800: #252c27;
  --brand-tokens-greyscale-900: #171c19;
  --brand-tokens-greyscale-950: #0e120f;
  --brand-tokens-greyscale-1000: #070907;
  --brand-tokens-typography-body: "DM Sans";
  --brand-tokens-typography-labels: "DM Mono";
  --brand-tokens-typography-titles-a: "Host Grotesk";
  --brand-tokens-typography-titles-b: "Host Grotesk";
  --tint-light: #f1f6f1; /* pale field, one step off the paper */
  --accent-citrus: #e2b400; /* lemon for squares, rules and the page's top edge */
  --accent-citrus-deep: #6f6100; /* the same lemon for small type, 6.1:1 on the paper */
}

/* Link colour per painted surface: Container.css remaps the text tokens on a
   painted band but not the interactive ones. */
.template-root[data-brand="camarillo-review"] .block-container--bg-default,
.template-root[data-brand="camarillo-review"] .block-container--bg-tint {
  --interactive-text-primary-idle: var(--brand-tokens-brand-600);
  --interactive-text-primary-hover: var(--brand-tokens-brand-700);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-800);
}
.template-root[data-brand="camarillo-review"] .block-container--bg-brand {
  --interactive-text-primary-idle: var(--brand-tokens-brand-100);
  --interactive-text-primary-hover: var(--brand-tokens-greyscale-10);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-200);
}
.template-root[data-brand="camarillo-review"] .block-container--bg-inverted {
  --interactive-text-primary-idle: var(--brand-tokens-brand-300);
  --interactive-text-primary-hover: var(--brand-tokens-brand-200);
  --interactive-text-primary-pressed: var(--brand-tokens-brand-100);
  --text-default-4: var(--brand-tokens-brand-300);
}

/* Buttons. The fleet hover fill (brand-400) is too light under a white label;
   on the green band the button flips to paper. */
.template-root[data-brand="camarillo-review"] {
  --interactive-contained-primary-hover: var(--brand-tokens-brand-700);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-800);
}
.template-root[data-brand="camarillo-review"] .block-container--bg-brand,
.template-root[data-brand="camarillo-review"] .block-container--bg-inverted {
  --interactive-contained-primary-idle: var(--brand-tokens-greyscale-10);
  --interactive-contained-primary-hover: var(--brand-tokens-brand-100);
  --interactive-contained-primary-pressed: var(--brand-tokens-brand-200);
  --interactive-contained-primary-on-idle: var(--brand-tokens-brand-900);
}
.template-root[data-brand="camarillo-review"] .block-container--bg-brand .block-cta__input,
.template-root[data-brand="camarillo-review"] .block-container--bg-inverted .block-cta__input {
  color: var(--brand-tokens-greyscale-900);
}

/* The page opens on a lemon edge above the masthead. */
.template-root[data-brand="camarillo-review"] .block-container--bg-default:has(.block-header) {
  border-top: 6px solid var(--accent-citrus);
}

/* The nav bar is a flat green plate: light type on a dark ground, so it
   darkens from below. */
.template-root[data-brand="camarillo-review"] .block-container--bg-brand {
  background-image: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--brand-tokens-brand-950) 30%, transparent) 100%
  );
}

/* The repeated mark: lemon squares on the section titles, lemon rules, green
   kickers in mono caps. */
.template-root[data-brand="camarillo-review"] .block-container--bg-default .card-section-label,
.template-root[data-brand="camarillo-review"] .block-container--bg-tint .card-section-label,
.template-root[data-brand="camarillo-review"] .block-container--bg-default .article-kicker,
.template-root[data-brand="camarillo-review"] .block-container--bg-tint .article-kicker {
  color: var(--brand-tokens-brand-600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.template-root[data-brand="camarillo-review"] .block-container--bg-default .block-section-title__square,
.template-root[data-brand="camarillo-review"] .block-container--bg-tint .block-section-title__square {
  background: var(--accent-citrus);
}
.template-root[data-brand="camarillo-review"] .block-container--bg-default .block-cta__bar-title,
.template-root[data-brand="camarillo-review"] .block-container--bg-tint .block-cta__bar-title {
  border-left-color: var(--accent-citrus);
}
/* The signup bar under the lead: a hairline separates it from the story. */
.template-root[data-brand="camarillo-review"] .block-container--bg-default .block-cta__bar {
  border-top: 1px solid var(--elevation-outline-default-1);
  padding-top: var(--global-height-xxl, 24px);
}
/* Reader photo credits take the deep lemon. */
.template-root[data-brand="camarillo-review"] .block-container--bg-default .block-reader-photos__credit {
  color: var(--accent-citrus-deep);
}

/* Overlay forms set type on a photo; keep the fleet's light overlay ramp. */
.template-root[data-brand="camarillo-review"] .block-container .block-hero__overlay-kicker.card-section-label,
.template-root[data-brand="camarillo-review"] .block-container .block-hero__cover-kicker.card-section-label,
.template-root[data-brand="camarillo-review"] .block-container .block-feature-card__overlay-kicker.card-section-label,
.template-root[data-brand="camarillo-review"] .block-container .block-article-hero__overlay-kicker.article-kicker {
  color: var(--brand-tokens-greyscale-10);
}

/* Host Grotesk headlines run tight. */
.template-root[data-brand="camarillo-review"] .block-hero__lead-title,
.template-root[data-brand="camarillo-review"] .block-feature-card__title,
.template-root[data-brand="camarillo-review"] .block-article-hero__title {
  letter-spacing: -0.02em;
  line-height: 1.08;
}

/* SUR-691: the desktop split leads are cards; they keep this setting. */
@media (min-width: 1200px) {
  .template-root[data-brand="camarillo-review"] .block-hero__split.card .card__title {
    letter-spacing: -0.02em;
    line-height: 1.08;
  }
}