:root {
  --ink: #13284a;
  --blue: #173a67;
  --cyan: #e7c977;
  --cream: #fbf4df;
  --white: #ffffff;
  --navy: #0d274b;
  --muted: #627087;
  --line: #ded7c4;
  --green: #dce8dc;
  --orange: #d9b85f;
  --gold: #e7c977;
  --gold-light: #fbf3d8;
  --shadow: 0 24px 70px rgba(13, 39, 75, .13);
}

body,
.developer-body,
.course-flow,
.coach-section,
.project-library,
.post-test-section {
  background: #f7f5ef;
}

.site-header,
.flow-nav,
.flow-nav button,
.developer-login,
.developer-layout aside,
.builder-block,
.flow-card {
  background: #fff;
}

.brand-mark {
  background: var(--navy);
  color: var(--gold);
  border: 1px solid rgba(231, 201, 119, .55);
  box-shadow: 0 8px 22px rgba(13, 39, 75, .18);
}

.button.primary,
.nav-cta {
  background: var(--navy);
  color: #fff;
}

.button.primary:hover,
.nav-cta:hover {
  background: #173f73;
}

.button.ghost {
  border-color: #cdbd91;
  background: #fffdf7;
  color: var(--navy);
}

.eyebrow,
.builder-block > span,
.project-list-button.active,
.flow-nav button.active,
.text-button,
.resource-card a,
.resource-card button,
.text-link {
  color: #8d6d19;
}

.course-intro,
.closing,
.reflection-section,
.ethics-theory,
.login-gate {
  background: var(--gold-light);
}

.hero {
  background: linear-gradient(130deg, #fffaf0 0%, #fffaf0 58%, #f1dfaa 58%, #f1dfaa 100%);
}

.learning,
.about-panel,
.tutor-chat header,
.branch-chat header,
.chapter-button.active,
footer {
  background: var(--navy);
}

.scenario-section {
  background: #173a67;
}

.bubble.student,
.branch-option.selected,
.answers label:has(input:checked),
.resource-icon,
.consent-check,
.demographic-panel,
.farewell-panel,
.glue-text {
  background: var(--gold-light);
}

.branch-option.selected,
.answers label:has(input:checked),
.published-project-card:hover {
  border-color: #b88e22;
}

.flow-progress b,
.step-dot.done,
.step-dot.current,
.scenario-progress b {
  background: var(--gold);
}

.general-builder,
.research-builder,
.purpose-builder,
.chapter-section-heading,
.chapter-builder,
.testing-settings {
  border-top-color: var(--gold) !important;
}

.general-builder,
.purpose-builder,
.research-builder,
.chapter-section-heading,
.testing-settings {
  background: linear-gradient(180deg, var(--gold-light) 0, #fff 130px) !important;
}

.general-builder > span,
.purpose-builder > span,
.research-builder > span,
.chapter-section-heading > span,
.builder-block > span {
  color: #8d6d19 !important;
}

.help-tip {
  border-color: #b99535 !important;
  background: var(--gold-light) !important;
  color: var(--navy) !important;
}

.research-basics,
.research-planning,
.research-conditions,
.research-participants,
.condition-medium-card,
.researcher-export {
  border-left-color: var(--gold) !important;
}

::selection {
  background: var(--gold);
  color: var(--navy);
}