.webpage[data-template] nav {
  background: var(--template-paper, transparent);
  color: var(--template-ink, #292724);
}
.webpage[data-template] .copy {
  background: var(--template-paper, #f7f6f2);
  color: var(--template-ink, #292724);
}
.webpage[data-template] .copy span,
.webpage[data-template] .copy p { color: color-mix(in srgb, var(--template-ink, #292724) 66%, transparent); }
.webpage[data-template] .gallery { background: var(--template-paper, #f7f6f2); }
.webpage[data-template] .hero h1 em { color: var(--template-accent, inherit); }
.webpage[data-template="restaurant"] .hero h1,
.webpage[data-template="services"] .hero h1,
.webpage[data-template="renovation"] .hero h1 { color: #fff; text-shadow: 0 1px 18px rgba(20, 18, 14, .25); }
.webpage[data-template="restaurant"] .hero h1 em,
.webpage[data-template="services"] .hero h1 em,
.webpage[data-template="renovation"] .hero h1 em { color: #fff2c8; }
.webpage[data-template="creative"] .hero h1 { color: #173486; }
.webpage[data-template="creative"] .hero h1 em { color: #d84332; }