/* Explicit thematic sections, not arbitrary nth-child stripes.
   Preserve photographs, copy and link targets; keep beige as an accent. */
:root {
  --surface-reading:#f8f7f3;
  --surface-sand:var(--soft);
  --space-theme:clamp(56px,6vw,96px);
}
body main > section[data-theme-surface]:not(.page-opening) {
  padding-block:var(--space-theme);
}
body main > [data-theme-surface] { color:var(--ink); }
/* Two attribute selectors intentionally outrank legacy page + component colours. */
body main > [data-theme-surface][data-theme-surface="paper"] { background:var(--surface-reading); }
body main > [data-theme-surface][data-theme-surface="warm"] { background:var(--paper); }
body main > [data-theme-surface][data-theme-surface="sand"] { background:var(--surface-sand); }
/* Semantic summaries stay light. Only the separate final contact CTA is petrol. */
body main > [data-theme-surface][data-theme-surface="dark"] { background:var(--dark); color:var(--paper); }
body main > [data-theme-surface][data-theme-surface="petrol"] {
  background:var(--deep-petrol); color:var(--paper);
}
body main > :is([data-theme-surface="dark"],[data-theme-surface="petrol"]) :is(.eyebrow,.proto-kicker) { color:#acd4d4; }
body main > :is([data-theme-surface="dark"],[data-theme-surface="petrol"]) :is(.proto-button,.button) {
  background:var(--surface-reading); color:var(--deep-petrol);
}
body main > :is([data-theme-surface="dark"],[data-theme-surface="petrol"]) a:not(.proto-button):not(.button) { color:inherit; }
body main > :is([data-theme-surface="dark"],[data-theme-surface="petrol"]) a:hover { color:#acd4d4; }
body main > :is([data-theme-surface="dark"],[data-theme-surface="petrol"]) :is(.proto-button,.button):hover { background:#fff; color:var(--ink); }
body main > :is([data-theme-surface="dark"],[data-theme-surface="petrol"]) :focus-visible { outline-color:#acd4d4; }
/* Journal stays one readable article, with its next-step box clearly separated.
   Reuse the established warm neutrals; no additional blue/green-grey surface. */
main.journal-balance,main.journal-article {
  --journal-paper:var(--surface-reading);
  --journal-grey:var(--soft);
}
main.journal-balance > .bj-shell { padding-top:clamp(32px,4vw,56px); }
.journal-balance .bj-about { background:var(--paper); }
/* One bounded reading/navigation box after the article, then the global CTA. */
.journal-article .bj-article-body > .journal-related {
  background:var(--paper);
  border-top:2px solid var(--soft);
  padding:clamp(24px,3vw,40px);
  margin-top:clamp(40px,5vw,64px);
}
.journal-article .journal-related h2 { margin-bottom:24px; }
.journal-article .journal-related li + li { border-top:1px solid var(--soft); padding-top:16px; }
.journal-article .journal-related a { line-height:1.6; }
/* Every photograph in the atelier/vita stays in the supplied original colour. */
body main.atelier-originals .supplied-photo img { filter:none; }
@media print {
  body main > [data-theme-surface],
  .journal-article .bj-article-body > .journal-related { background:white; color:black; }
}