/* 2026-10-31: the official clinic's cream / orange palette, softened for recruitment. */
:root {
  --paper: #fff8ef;
  --cream: #fff0dc;
  --white: #fffdf8;
  --ink: #674a2e;
  --body: #765b43;
  --gold: #8b5a2b;
  --ornament: #bc844a;
  --accent: #f6c887;
  --deep: #674a2e;
  --line: #e8d6be;
  --recruit-sage: #fff3e3;
  --recruit-cream: #fff0dc;
  --recruit-white: #fffdf8;
  --recruit-border: #e8d6be;
  --recruit-muted: #765b43;
}

/* Opening, navigation, and the photo's translucent warm wash. */
.opening, .header { background: var(--paper); color: var(--ink); }
.header { border-bottom-color: var(--line); }
.scroll-progress { background: #d89546; }
.opening-line { background: repeating-linear-gradient(90deg, #bc844a 0, #bc844a 1px, transparent 1px, transparent 9px); }
.nav-cta, .solid-link, .mobile-cta a:last-child {
  background: var(--accent);
  border-color: #d9aa70;
  color: var(--ink);
}
.nav-cta:hover, .solid-link:hover { background: #f1bd77; color: var(--ink); }
.quick-nav a:hover { background: var(--cream); }
.hero { background: #f8e7d0; color: var(--ink); }
.hero-visual > img { filter: saturate(.9) brightness(1.03); }
.hero-visual::after { background: none; }
.hero::before {
  background: linear-gradient(90deg, rgba(255,245,229,.97) 0%, rgba(255,245,229,.93) 34%, rgba(255,245,229,.66) 56%, rgba(255,245,229,.12) 84%, rgba(255,245,229,.05) 100%);
}
.hero::after { background: linear-gradient(0deg, rgba(255,240,220,.32), transparent 45%); }
.hero h1 { color: var(--ink); text-shadow: none; }
.hero-line em { color: #9a5b23; }
.hero-kicker, .hero-description { color: var(--ink); text-shadow: none; }
.hero-kicker > span { background: #bc844a; }
.hero-actions .text-link {
  background: #f6c887;
  border-color: #d9aa70;
  color: var(--ink);
}
.hero-actions .circle-arrow { border-color: #b58049; }
.hero-recruit-link { background: #fff8efed; border-color: #c49a69; color: var(--ink); }
.hero-recruit-link:hover { background: #ffe6c4; border-color: #b58049; }
.hero-side-label { background: #fff4e3e8; color: var(--ink); }
.hero-wordmark { -webkit-text-stroke-color: #a9763c66; }
.hero-bottom { background: #f9dfb9; border-top-color: #e4c59e; }
.hero-script, .scroll-note { color: var(--ink); }
.scroll-note > span { border-color: #b58049; }
.hero-inset { background: var(--white); box-shadow: 0 14px 50px #7751271a; }

/* Keep alternating chapters light, with warm orange accents. */
.chapter-band--white { background: var(--white); }
.chapter-band--cream { background: var(--cream); }
.chapter-band--sage, .chapter-band.--sage { background: #fff3e3; }
.chapter-head::after { color: #a96e2d14; }
.feature-visual, .feature-visual--line, .feature-card:nth-child(2n) .feature-visual { background: #f8e3c4; }
.feature-visual--line svg, .feature-visual > svg, .work-card > svg { color: #9a6836; }
.feature-card-copy { border-bottom-color: #dec5a6; }
.feature-card-copy small, .feature-position { color: var(--gold); }
.feature-dot > span { border-color: #b58049; }
.feature-dot.is-in-view > span { background: #ad7136; border-color: #ad7136; }
.feature-controls .feature-prev, .feature-controls .feature-next { background: var(--white); border-color: #c49a69; }
.feature-controls .feature-prev:hover:not([aria-disabled=true]),
.feature-controls .feature-next:hover:not([aria-disabled=true]) { background: #ffe6c4; }
.work-card { background: #fff2df; }
.director-message .director-lead { color: var(--ink); }
.director-greeting p, .director-signature > span, .director-signature small { color: var(--body); }
.director-signature { border-top-color: var(--line); }
.director-portrait figcaption, .director-message .director-profile-link { color: var(--gold); }
.director-message .director-profile-link { border-bottom-color: #c49a69; }

/* Pale data cards need brown figures and labels, including all demo notes. */
.chapter-band:has(#data) { background: #fce8cc; color: var(--ink); }
.chapter-band:has(#data)::before { color: #a96e2d08; }
#data .chapter-head h2 { color: var(--ink); }
#data .chapter-head::after { color: #a96e2d14; }
#data .eyebrow, #data .demo-heading-label { color: var(--gold); }
#data .demo-heading-label { border-color: #cda576; }
#data .chapter-head > p, #data .data-introduction,
#data .demo-data-notice, #data .demo-data-caption { color: var(--body); }
#data .data-card { background: var(--white); color: var(--ink); border-color: #e8cfad; }
#data .data-card:first-child { background: #f8d6a6; color: var(--ink); border-color: #e3bd8b; }
#data .data-card-top svg, #data .data-card:first-child .data-card-top svg { color: var(--gold); }
#data .data-demo-tag, #data .data-card:first-child .data-demo-tag { color: var(--gold); border-color: #c49a69; }
#data .data-category, #data .data-card:first-child .data-category,
#data .data-note, #data .data-card:first-child .data-note { color: var(--body); }
#data .data-value, #data .data-card:first-child .data-value { color: #92571f; }
#data .data-value > span, #data .data-card:first-child .data-value > span { color: var(--ink); }
#data .data-support > a { color: var(--ink); border-bottom-color: #c49a69; }
#data .data-source { border-color: #d9b88f; }
#data .data-source summary, #data .data-source p, #data .data-source ul { color: var(--body); }
#data .data-source summary::after { color: var(--gold); }

/* The existing timeline, FAQ, and access layouts keep their spacing. */
#day .chapter-head > .eyebrow, #day .day-timeline time { color: var(--gold); }
#day .chapter-head > p, #day .day-demo-intro, #day .day-role-lead,
#day .day-timeline p, #day .day-panel .day-demo-note { color: var(--body); }
#day .day-tabs button { background: var(--white); color: var(--ink); border-color: #c49a69; }
#day .day-tabs button[aria-selected=true] {
  background: var(--accent);
  border-color: #be884b;
  color: var(--ink);
  box-shadow: 0 6px 16px #a7713214;
}
#day .day-tabs button:hover:not([aria-selected=true]) { background: #ffe9ca; }
#day .day-panel { background: var(--white); border-color: var(--line); box-shadow: 0 14px 36px #a7713208; }
#day .day-panel-head, #day .day-panel .day-demo-note { border-color: var(--line); }
#day .day-panel-head h3, #day .day-timeline h4 { color: var(--ink); }
#day .schedule-demo-label { background: var(--cream); color: var(--gold); }
#day .day-timeline li::before { border-color: #b58049; background: var(--white); box-shadow: 0 0 0 5px var(--white); }
#day .day-timeline li:not(:last-child)::after { background: #dec19a; }
.chapter-band .faq-list, .chapter-band .faq-list details { border-color: var(--line); }
.chapter-band .faq-list details { background: var(--white); }
.chapter-band .faq-list details[open], .chapter-band .faq-list details > p { background: #fff5e8; }
.chapter-band .access-address, .access.section .access-address { background: #fff1de; border-left-color: #c49a69; }
.access-art { background: #fae7cd; }
.location-rings::before, .location-rings::after { border-color: #e6c6a0; }
.entry-section { background: #fff0dc; }
.entry-layout > figure { background: #fae7cd; }
footer { background: var(--paper); }
.mobile-cta { background: var(--paper); border-top-color: var(--line); }

@media (max-width: 980px) {
  .nav { background: var(--paper); }
}
@media (max-width: 640px) {
  .hero::before { background: linear-gradient(90deg, rgba(255,245,229,.96), rgba(255,245,229,.9) 65%, rgba(255,245,229,.72)); }
  #day .day-timeline li::before { box-shadow: 0 0 0 4px var(--white); }
}