/* Shared text palette for the home page and project gallery. */
:root {
  --text-heading: #80502b;
  --text-accent: #87562f;
  --text-copy: #5e5348;
  --text-on-dark: #fffefa;
  --text-muted-on-dark: #e0d7cb;
  --text-accent-on-dark: #d0a47c;
}

.hero h1,
.story h2,
.services .section-title,
.service h3,
.portfolio-copy h2,
.page-heading h1,
.service-gallery h2,
.project-details strong {
  color: var(--text-heading);
}

.eyebrow,
.service-number,
.service-gallery h2 span {
  color: var(--text-accent);
}

body,
.hero p,
.story-copy p,
.section-heading p,
.service p,
.portfolio-copy p,
.project figcaption,
.page-heading p,
.project-details,
.hero .project-details p {
  color: var(--text-copy);
}

.nav a:not(.nav-button),
.quiet-link,
.back-link,
.language-toggle,
.language-options button,
.project-info .photo-label,
.project-info .photo-label:hover,
.project-info .photo-label[aria-expanded="true"] {
  color: var(--text-heading);
}

.nav a:not(.nav-button):hover,
.quiet-link:hover,
.back-link:hover {
  color: var(--brown-dark);
}

.nav .nav-button,
.nav .nav-button:hover,
.button,
.button:hover,
.contact h2,
.contact-card strong {
  color: var(--text-on-dark);
}

.contact-copy p,
.contact-card small,
footer {
  color: var(--text-muted-on-dark);
}

.contact .eyebrow,
.service-area {
  color: var(--text-accent-on-dark);
}