/* Distinct color and type identities on top of the shared interface. */
:root {
  --font-editorial: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --paper: #f1f6ef;
  --ink: #243a2e;
  --accent: #176344;
  --focus: #176344;
}
.gallery-header { background: rgba(248, 253, 246, .86); }
.working-title { background: #e3ecde; color: #5e6d57; }

/* Search and cards: mint, forest, and a small hit of citrus. */
body[data-layout=board] {
  --paper: #edf6f0;
  --ink: #173e32;
  --accent: #146344;
  --muted: #576d62;
  --line: #d1e3d8;
  --theme-soft: #edf6f0;
}
[data-layout=board] .site-header {
  background: rgba(248, 255, 250, .84);
  border-color: #fff;
}
[data-layout=board] .hero h1 { color: #173e32; }
[data-layout=board] .hero h1 span { color: #267951; }
[data-layout=board] .hero-description,
[data-layout=board] .section-description { color: #576d62; }
[data-layout=board] .researcher-prompt {
  background: #154e39;
  border-color: #154e39;
  box-shadow: 0 12px 32px -18px rgba(21, 78, 57, .45);
}
[data-layout=board] .researcher-prompt h2 { color: #f7fff8; }
[data-layout=board] .researcher-prompt p { color: #d1e6d9; }
[data-layout=board] .researcher-prompt .button,
[data-layout=board] .researcher-section .button {
  background: #d8f67c;
  border-color: transparent;
  color: #22432e;
}
[data-layout=board] .researcher-prompt .button:hover,
[data-layout=board] .researcher-section .button:hover { background: #e5ff98; }
[data-layout=board] .site-header .button { background: #146344; color: #fff; border-color: transparent; }
[data-layout=board] .search-bar { border-color: #cfdfd4; }
[data-layout=board] .quick-filters button { background: #dcebe1; color: #476352; }
[data-layout=board] .quick-filters button:hover { background: #cde2d4; }
[data-layout=board] .quick-filters button[aria-pressed=true] { background: #176344; color: #fff; }
[data-layout=board] .study-card {
  --topic-color: #4c8363;
  --topic-tint: #e6f1e9;
  --topic-ink: #285d3e;
  border-color: #d9e8df;
  border-top: 3px solid var(--topic-color);
}
[data-layout=board] .study-card[data-topic=campus] { --topic-color: #b78a28; --topic-tint: #fff0c4; --topic-ink: #775818; }
[data-layout=board] .study-card[data-topic=design] { --topic-color: #3e8268; --topic-tint: #e1f1e8; --topic-ink: #2d654a; }
[data-layout=board] .study-card[data-topic=wellbeing] { --topic-color: #6d9b8a; --topic-tint: #e8f5ef; --topic-ink: #466b5b; }
[data-layout=board] .card-topic {
  background: var(--topic-tint);
  color: var(--topic-ink);
  border-radius: 999px;
  padding: 5px 10px;
  font-weight: 500;
}
[data-layout=board] .reward { background: #eef4ed; color: #49634f; }
[data-layout=board] .reward.paid { background: #e4f2c6; color: #456029; }
[data-layout=board] .researcher-section { background: #154e39; }
[data-layout=board] .researcher-inner h2 { color: #f6fff7; }
[data-layout=board] .researcher-inner p:not(.section-label) { color: #d1e6d9; }
[data-layout=board] .post-checklist,
[data-layout=board] .post-checklist>div { border-color: #4d7860; }
[data-layout=board] .post-checklist>h3 { color: #d8f67c; }
[data-layout=board] .post-checklist div h3 { color: #f3fff5; }

/* Campus board: an editorial serif with butter yellow and warm coral. */
body[data-layout=community] {
  --paper: #fff9ee;
  --ink: #422b38;
  --accent: #a8392b;
  --muted: #745d61;
  --line: #e9dace;
  --theme-soft: #fff2d8;
}
[data-layout=community] .site-header { background: rgba(255, 250, 239, .86); border-color: #fffdf6; }
[data-layout=community] .community-hero h1 {
  font-family: var(--font-editorial);
  font-weight: 500;
  font-size: clamp(54px, 5.4vw, 78px);
  line-height: 1.04;
  color: #422b38;
}
[data-layout=community] .community-hero h1 span { color: #b23d2d; font-style: italic; }
[data-layout=community] .hero-copy>p:not(.section-label) { color: #745d61; }
[data-layout=community] .hero-actions .button { background: #ae3d2d; }
[data-layout=community] .hero-actions .text-button,
[data-layout=community] .sidebar-post .text-button { color: #a8392b; }
[data-layout=community] .site-header .button { background: #ffde82; color: #563d20; border-color: #edcb72; }
[data-layout=community] .bulletin-preview {
  background: #ffe39a;
  border-color: #f2d583;
  box-shadow: 0 16px 44px -26px rgba(119, 77, 17, .32);
}
[data-layout=community] .bulletin-preview h2,
[data-layout=community] .bulletin-preview article p,
[data-layout=community] .bulletin-preview article>span { color: #765522; }
[data-layout=community] .bulletin-preview article { border-color: #e9c979; }
[data-layout=community] .bulletin-preview article button {
  color: #4e3028;
  font-family: var(--font-editorial);
  font-size: 23px;
  font-weight: 500;
  line-height: 1.2;
}
[data-layout=community] .bulletin-preview article button:hover { color: #9d3326; }
[data-layout=community] .quick-strip { background: transparent; }
[data-layout=community] .strip-inner { background: #4c2c3d; border-color: #4c2c3d; color: #fff9ed; }
[data-layout=community] .strip-inner>p { color: #efcfbb; }
[data-layout=community] .strip-inner>button { border-color: #795266; }
[data-layout=community] .strip-inner strong { color: #fff4de; }
[data-layout=community] .strip-inner small { color: #ebd5d6; }
[data-layout=community] .strip-inner>button:hover { background: #623a4f; }
[data-layout=community] .strip-inner>button[aria-pressed=true] { background: #ffe39a; box-shadow: none; }
[data-layout=community] .strip-inner>button[aria-pressed=true] strong,
[data-layout=community] .strip-inner>button[aria-pressed=true] small { color: #583c25; }
[data-layout=community] .study-sidebar h2,
[data-layout=community] .how-heading h2,
[data-layout=community] .follow-through h3,
[data-layout=community] .dialog-shell h2 {
  font-family: var(--font-editorial);
  font-weight: 500;
}
[data-layout=community] .study-sidebar h2 { font-size: 29px; }
[data-layout=community] .topic-buttons button[aria-pressed=true] { background: #ffe5a2; color: #774b23; }
[data-layout=community] .topic-buttons button:hover { background: #f5e8d5; }
[data-layout=community] .community-search { background: #f3e9da; border-color: #ebdcc9; }
[data-layout=community] .study-row { border-color: #e9dace; }
[data-layout=community] .study-row:hover { background: #fff2dc; }
[data-layout=community] .row-topic { color: #a8392b; font-weight: 500; }
[data-layout=community] .row-topic>span { color: #80676a; font-weight: 400; }
[data-layout=community] .study-row h3 { font-size: 29px; }
[data-layout=community] .study-row .study-title { font-family: var(--font-editorial); font-weight: 500; }
[data-layout=community] .how-section { background: #f7e4d7; }
[data-layout=community] .how-heading h2 { font-size: 43px; }
[data-layout=community] .how-num { color: #a8392b; }
[data-layout=community] .follow-through,
[data-layout=community] .trust-note { border-color: #dfc5b8; }
[data-layout=community] .follow-through h3 { font-size: 34px; }

/* Research directory: aubergine, lilac highlights, and a clear white dashboard. */
body[data-layout=institute] {
  --ink: #3e2548;
  --accent: #79368c;
  --focus: #79368c;
  --muted: #78677c;
  --line: #e5daea;
  --theme-soft: #f3eaf8;
}
[data-layout=institute] .site-header { background: rgba(253, 248, 255, .88); border-color: #fff; }
[data-layout=institute] .nav-link>span { color: #79368c; }
[data-layout=institute] .institute-hero { background: #482451; }
[data-layout=institute] .hero-copy h1 { color: #fff; }
[data-layout=institute] .hero-copy h1 span { color: #e5c2ff; }
[data-layout=institute] .hero-copy>p:not(.section-label) { color: #eedff3; }
[data-layout=institute] .hero-actions .button { background: #fff; color: #482451; box-shadow: 0 3px 8px rgba(57, 21, 71, .12); }
[data-layout=institute] .hero-actions .button:hover { background: #f5e9ff; }
[data-layout=institute] .hero-actions .text-button { color: #fff; }
[data-layout=institute] .hero-copy .participation-link { color: #ebd8f2; }
[data-layout=institute] .preview-label .section-label,
[data-layout=institute] .preview-caption { color: #ebd8f2; }
[data-layout=institute] .preview-live { background: rgba(255, 255, 255, .16); color: #fff; }
[data-layout=institute] .dashboard-card { background: #fff; border-color: #fff; box-shadow: 0 22px 50px -20px rgba(48, 13, 61, .32); }
[data-layout=institute] .dashboard-card h2,
[data-layout=institute] .progress-heading strong { color: #482451; }
[data-layout=institute] .progress-track { background: #f0e5f4; height: 11px; }
[data-layout=institute] .progress-track>span,
[data-layout=institute] .design-dot { background: #8c46a5; }
[data-layout=institute] .arts-dot { background: #bc8fc8; }
[data-layout=institute] .other-dot { background: #e4b0b7; }
[data-layout=institute] .directory-tools { background: #f7f0fa; border-color: #e5d6ee; }
[data-layout=institute] .directory-select { border-color: #e2d2ea; }
[data-layout=institute] .directory-filters button { background: #f3eaf8; color: #73567c; }
[data-layout=institute] .directory-filters button[aria-pressed=true] { background: #482451; color: #fff; }
[data-layout=institute] .study-table th { background: #eee2f4; color: #73567c; }
[data-layout=institute] .study-table tbody tr:hover { background: #faf5fc; }
[data-layout=institute] .table-topic { display: inline-block; padding: 4px 9px; border-radius: 999px; background: #f3eaf8; color: #76418b; }
[data-layout=institute] .framework-section { background: #341d3d; }
[data-layout=institute] .framework-list article { border-color: #6b4c74; }
[data-layout=institute] .framework-list p { color: #dfcce6; }
[data-layout=institute] .framework-inner .text-button { color: #e5c2ff; }

[data-layout=institute] .directory-search button,
[data-layout=institute] .directory-foot button { color: #79368c; }
[data-layout=institute] .study-title { color: #3e2548; }
[data-layout=institute] button:focus-visible,
[data-layout=institute] a:focus-visible,
[data-layout=institute] input:focus-visible,
[data-layout=institute] select:focus-visible,
[data-layout=institute] textarea:focus-visible { outline-color: #a261b6; }
[data-layout=institute] .preview-fields input:focus,
[data-layout=institute] .preview-fields textarea:focus,
[data-layout=institute] .preview-fields select:focus { border-color: #79368c; box-shadow: 0 0 0 3px rgba(121, 54, 140, .14); }

/* Dialogs retain each concept's accent while keeping long text on white. */
body[data-layout] .dialog-meta,
body[data-layout] .dialog-meta div,
body[data-layout] .dialog-note,
body[data-layout] .findings-plan { background: var(--theme-soft); }

/* The main gallery stays neutral; green is reserved for interface accents. */
.gallery-page { --paper: #f5f5f7; --ink: #1d1d1f; }
.gallery-page .gallery-header { background: rgba(250, 250, 252, .82); }
.gallery-page .working-title { background: #eaeaee; color: #6e6e73; }
.gallery-page .gallery-header nav a:hover { color: var(--accent); }
.concept .concept-heading h2 { color: var(--ink); }
.concept .concept-link { background: #176344; }
.concept .concept-link:hover { filter: brightness(1.12); }
.concept[data-concept=community] .concept-heading h2 { font-family: var(--font-editorial); font-size: 26px; font-weight: 500; }

@media (max-width: 850px) and (min-width: 601px) {
  [data-layout=community] .community-hero h1 { font-size: 55px; }
}
@media (max-width: 600px) {
  [data-layout=community] .community-hero h1 { font-size: 52px; line-height: 1.04; }
  [data-layout=community] .bulletin-preview article button { font-size: 23px; }
  [data-layout=community] .study-row h3 { font-size: 27px; }
  [data-layout=community] .how-heading h2 { font-size: 37px; }
  [data-layout=community] .follow-through h3 { font-size: 31px; }
}