/* Shared semantic colors. Headings, actions and footer retain the brand colors. */
body {
  --page-paper: #f8fafc;
  --page-wash: #e5eff5;
  --page-panel: #eef4f8;
  --page-line: #bfd0db;
  --page-tone: #375b73;
  background: var(--page-paper);
}

/* Engineering, water and natural landscape families. */
[data-page-kind="home"] { --page-paper:#f5f9fb; --page-panel:#eaf3f5; --page-line:#bad5dd; --page-tone:#215c69; }
[data-page-slug="about"] { --page-paper:#f8f8fc; --page-wash:#e7e9f4; --page-panel:#eff0f8; --page-line:#c6cbe2; --page-tone:#414b78; }
:is([data-page-kind="projects"],[data-page-kind="project"]) { --page-paper:#f2f7fa; --page-wash:#d3e7f1; --page-panel:#e3eff5; --page-line:#afcbdb; --page-tone:#2a5771; }
:is([data-page-kind="services"],[data-page-kind="service"]) { --page-paper:#f3f9f7; --page-wash:#d5eee7; --page-panel:#e5f3ef; --page-line:#abcfc4; --page-tone:#226459; }
:is([data-page-kind="products"],[data-page-kind="product"]) { --page-paper:#f4f6fa; --page-wash:#dce5f2; --page-panel:#e9eff7; --page-line:#b9c8dc; --page-tone:#3d537b; }
[data-page-slug="home-solutions"] { --page-paper:#f8f9f0; --page-wash:#e4eccf; --page-panel:#edf2e1; --page-line:#c6d2aa; --page-tone:#465c32; }
:is([data-page-kind="articles"],[data-page-kind="article"]) { --page-paper:#fbf8f1; --page-wash:#f0e3ce; --page-panel:#f6eddf; --page-line:#d8c6a9; --page-tone:#6b4e2d; }
[data-page-slug="fountain-history"] { --page-paper:#fbf6ee; --page-wash:#efdfc7; --page-panel:#f5e9d7; --page-line:#d8c1a1; --page-tone:#705032; }
[data-page-slug="water-in-iranian-architecture"] { --page-paper:#f6f8f0; --page-wash:#e1ebd5; --page-panel:#edf3e6; --page-line:#bfcea9; --page-tone:#496038; }
[data-page-slug="fountains-in-public-spaces"] { --page-paper:#faf6f3; --page-wash:#eeded5; --page-panel:#f4e9e2; --page-line:#d8bfb1; --page-tone:#774b3b; }
[data-page-slug="smart-musical-fountain-technology"] { --page-paper:#f1f8f8; --page-wash:#d5ebee; --page-panel:#e4f2f3; --page-line:#acd0d5; --page-tone:#205d66; }
[data-page-slug="dmx-fountain-control"] { --page-paper:#f3f5fb; --page-wash:#dee4f7; --page-panel:#e8edf9; --page-line:#bcc7e4; --page-tone:#3d4f81; }
[data-page-kind="gallery"] { --page-paper:#f0f5f8; --page-wash:#cddfe9; --page-panel:#e0ebf2; --page-line:#b0c7d6; --page-tone:#31586f; }
[data-page-kind="faq"] { --page-paper:#faf7fc; --page-wash:#ece1f3; --page-panel:#f3ebf7; --page-line:#d2bfdc; --page-tone:#634774; }
:is([data-page-slug="contact"],[data-page-kind="inquiry"],[data-page-kind="receipt"]) { --page-paper:#f1f9f8; --page-wash:#d2efeb; --page-panel:#e0f3f0; --page-line:#a8d5d0; --page-tone:#205e59; }
[data-page-slug="privacy"] { --page-paper:#f6f7f8; --page-wash:#e6ebef; --page-panel:#edf0f3; --page-line:#c1ccd4; --page-tone:#43596b; }
[data-page-state="error"] { --page-paper:#faf6f2; --page-wash:#f1e4d9; --page-panel:#f6ece3; --page-line:#d6c1b0; --page-tone:#744e3b; }

/* Reading surfaces stay quiet while headings and supporting panels carry color. */
body:not([data-page-kind="home"]) > main {
  background: linear-gradient(180deg, var(--page-wash), var(--page-paper) 28rem);
}
body:not([data-page-kind="home"]) :is(.page-heading, .detail, .form-layout, .receipt) > .eyebrow { color: var(--page-tone); }
:is(.filters, .empty, .detail aside, .construction-story, .receipt code) {
  background: var(--page-panel);
  border-color: var(--page-line);
}
.card { background: #fff; border-color: var(--page-line); }
.image-placeholder { background: linear-gradient(145deg, var(--page-panel), var(--page-wash)); }
.closing { border-color: var(--page-line); }
.detail .richtext a { color: var(--page-tone); text-decoration: underline; text-underline-offset: .18em; }
.inquiry-form { background: #fff; border: 1px solid var(--page-line); padding: clamp(16px, 3vw, 34px); }
.field { min-width: 0; }
.faq details { border-color: var(--page-line); }
[data-page-kind="home"] .paths { background: #e3f0eb; }
[data-page-kind="home"] .light { background: var(--page-panel); }
[data-page-kind="home"] .editorial-feed { background: #f6eee0; box-shadow: 0 0 0 100vmax #f6eee0; clip-path: inset(0 -100vmax); }
[data-page-slug="dmx-fountain-control"] .richtext h2 { border-inline-start: 3px solid var(--page-tone); padding-inline-start: .7em; }