/* Forest-green brand surfaces, with warm light areas for detailed reading. */
:root {
  --paper: #18362f;
  --ink: #f3f0e5;
  --body: #c8d0c8;
  --line: #476153;
  --light: #d6dfb8;
  --forest: #18362f;
  --olive: #d6dfb8;
}

body { background: var(--forest); }
::selection { background: #d6dfb8; color: #18362f; }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline-color: #d2b775;
}
.site-header { background: #142e29; border-bottom-color: #3e584b; }
.brand img { filter: brightness(0) invert(94%) sepia(9%) saturate(316%); mix-blend-mode: normal; }
.brand span { color: #deded0; }
.desktop-nav { color: #e5e9dc; }
.button-dark, .button-light { background: var(--olive); color: #18362f; }
.button-dark:hover, .button-light:hover { background: #e6ebd2; }
.skip-link { background: #d6dfb8; color: #18362f; }
.hero { background: #18362f; }
.hero-wash {
  background: linear-gradient(90deg, #18362ff7 0%, #18362ff0 25%, #18362fbf 42%, #18362f24 65%, #18362f00 79%);
}
.hero .eyebrow { color: #d1dcc4; font-size: 12px; }
.hero h1 em { color: #d6dfb8; }
.hero-copy { color: #e4e7dc; }
.hero-note { color: #c9d4c4; }
.scene-button { color: #c3d0c0; border-bottom-color: #839881; }
.scene-button.active { color: #f3f0e5; border-bottom-color: #d6dfb8; }
.scene-button span, .image-caption { font-size: 12px; }
.image-caption { text-shadow: 0 1px 6px #18362f; }
.trust-strip { color: #c3cec2; font-size: 14px; }
.trust-strip strong { color: #eef0e2; }
.intro .eyebrow, .sports .eyebrow, .practitioner .eyebrow,
.steps .eyebrow, .faq .eyebrow { color: #bdceaa; }
.intro .large-copy { color: #eceee2; }

/* Each light section has its own text and surface colors. */
.methods, .conditions {
  --paper: #faf8f1;
  --ink: #203d32;
  --body: #4c5d51;
  --line: #cbd2c3;
  color: var(--ink);
}
.methods { background: #e5e8dd; }
.conditions { background: #efede4; }
.methods a:focus-visible, .conditions a:focus-visible,
.conditions summary:focus-visible { outline-color: #8a602a; }
.section-number { font-size: 12px; }
.session-image span { font-size: 12px; }
.method-pair p, .supporting-methods p:not(.eyebrow) { font-size: 16px; }
.supporting-methods > .eyebrow { font-size: 12px; }
.tools-note { font-size: 14px; }
.fst-copy .method-detail { color: #59664e; font-size: 14px; }

.sport-card { background: #234239; border-color: #4b6656; }
.sport-card-copy { padding-top: 28px; }
.sport-card p, .detail-body p, .steps-grid p { font-size: 16px; }
.sport-card summary { color: #e1e8ce; }
.sport-photo span { font-size: 12px; background: #18362fe8; }
.other-sports > .eyebrow { font-size: 12px; }
.sport-list summary { color: #edf0e3; }
.condition-list details, .condition-list details:last-of-type { border-color: #c2c9ba; }
.care-note { color: #57634e; font-size: 14px; }
.portrait-caption { background: linear-gradient(transparent, #18362ff2); }
.portrait-caption span { font-size: 12px; }
.credentials { color: #c4d0bc; font-size: 14px; }
.testimonial { background: #2b493e; border-block: 1px solid #476153; }
.testimonial .eyebrow { color: #c6d5b5; font-size: 12px; }
.quote-credit { color: #c6d2bd; font-size: 12px; }
.testimonial .text-link { color: #e2e9ce; font-size: 14px; }
.steps-grid article { border-top-color: #657d63; }
.steps-grid article > span { color: #bdceaa; }
.first-visit { background: #24483c; color: #f3f0e5; }
.first-visit .eyebrow { color: #d6dfb8; }
.first-visit .large-copy { color: #f3f0e5; }
.first-visit p { color: #dbe2d4; }
.booking-card { background: #1d3d33; border-color: #637c64; }
.price-row { border-bottom-color: #587057; }
.price-row strong { color: #edf0dd; }
.returning { color: #e1e8d6; }
.closing { border-color: #476153; }
.footer p { color: #c8d0c8; font-size: 14px; }
.footer-small { font-size: 13px !important; }
.footer-bottom { color: #b6c5b3; }
.footer-bottom summary, .footer-bottom details p { font-size: 13px; }

@media (max-width: 1100px) {
  .section-heading > p { font-size: 16px; }
}
@media (max-width: 760px) {
  .mobile-nav { background: #1d3d33; box-shadow: 0 12px 24px #122c2633; }
  .hero { min-height: 870px; }
  .hero-image { top: 390px; }
  .hero-wash {
    background: linear-gradient(180deg, #18362f 0%, #18362f 39%, #18362fe8 47%, #18362f00 66%);
  }
  .hero .eyebrow { font-size: 12px; letter-spacing: .08em; }
  .hero-copy { font-size: 16px; }
  .hero-book { font-size: 14px; }
  .hero-note { font-size: 13px; }
  .hero-scenes { background: #18362feb; border: 1px solid #829178; }
  .hero-scenes .scene-button { font-size: 14px; }
  .trust-strip { font-size: 13px; }
  .session-image span { font-size: 12px; max-width: 240px; }
  .sport-list .detail-body p { font-size: 16px; }
  .closing .button { font-size: 14px; }
}