/**
 * Guest-site accent — same family as the About drop-cap “K” (#0f6e56)
 * and calendar available (#7ec9a3). No layout or background overrides.
 */
body[data-page="homes"],
body[data-page="about"],
body[data-page="contact"] {
  --k3-green: #7ec9a3;
  --k3-green-hover: #5db88e;
  --k3-green-brand: #0f6e56;
  --k3-green-ink: #0a3d2e;
  --k3-green-soft: rgba(126, 201, 163, 0.18);
}

/* About — drop cap & editorial (match the “K”) */
body[data-page="about"] .about-edit-first::first-letter {
  color: var(--k3-green-brand);
}

body[data-page="about"] .about-edit-quote {
  border-left-color: var(--k3-green-brand);
  background: linear-gradient(90deg, rgba(15, 110, 86, 0.07), transparent);
}

body[data-page="about"] .about-edit-rule {
  background: linear-gradient(90deg, var(--k3-green-brand), var(--k3-green) 55%, transparent);
  max-width: 6rem;
  height: 2px;
}

body[data-page="about"] .about-edit-kicker,
body[data-page="about"] .about-hero__kicker {
  color: var(--k3-green-brand);
}

body[data-page="about"] .about-hero__title-accent {
  color: var(--k3-green-brand);
}

body[data-page="about"] .about-hero__frame::before {
  border-color: var(--k3-green);
}

body[data-page="about"] .about-edit-rail-note {
  border-left-color: var(--k3-green);
}

body[data-page="about"] .about-edit-value-marker {
  color: var(--k3-green-brand);
}

body[data-page="about"] .about-edit-flow-num {
  color: var(--k3-green-brand);
}

body[data-page="about"] .about-edit-feature-quote {
  border-left: 3px solid var(--k3-green);
}

/* Homes — section accents & availability */
body[data-page="homes"] .text-secondary {
  color: var(--k3-green-brand);
}

body[data-page="homes"] #availability .bg-secondary-fixed {
  background-color: var(--k3-green);
}

body[data-page="homes"] .property-card__badge.text-primary {
  background: var(--k3-green-soft);
  color: var(--k3-green-brand);
  border: 1px solid rgba(126, 201, 163, 0.45);
}

body[data-page="homes"] .property-chip {
  color: var(--k3-green-brand);
  background: var(--k3-green-soft);
  border-color: rgba(126, 201, 163, 0.4);
}

body[data-page="homes"] .property-card:hover {
  border-color: rgba(126, 201, 163, 0.55);
}

/* Legacy colored calendar (not used in book-dates modal) */
body[data-page="homes"] .drawer-cal-cell.cal-available:not(.book-cal-cell),
body[data-page="homes"] .cal-legend-available {
  background-color: var(--k3-green);
}

body[data-page="homes"] .drawer-cal-cell.cal-available:not(.cal-past):not(.book-cal-cell) {
  color: var(--k3-green-ink);
}

body[data-page="homes"] .drawer-cal-cell.cal-available:not(.book-cal-cell):hover {
  background-color: var(--k3-green-hover);
}

/* Contact — light touches */
body[data-page="contact"] .text-secondary {
  color: var(--k3-green-brand);
}

body[data-page="contact"] .page-hero {
  border-bottom-color: rgba(126, 201, 163, 0.35);
}

body[data-page="contact"] .material-symbols-outlined.text-secondary {
  color: var(--k3-green);
}

/* Nav — active / hover hint */
body[data-page="homes"] .site-nav-link:hover,
body[data-page="homes"] .site-nav-link.is-active,
body[data-page="about"] .site-nav-link:hover,
body[data-page="about"] .site-nav-link.is-active,
body[data-page="contact"] .site-nav-link:hover,
body[data-page="contact"] .site-nav-link.is-active {
  color: var(--k3-green-brand);
}

body[data-page="homes"] .site-nav-link::after,
body[data-page="about"] .site-nav-link::after,
body[data-page="contact"] .site-nav-link::after {
  background: var(--k3-green);
}
