/* Original Sanatoria.org identity: yellow #FFCC33, orange #FF9900 and olive accents. */
:root {
  --ink: #302717;
  --green: #68751d;
  --yellow: #ffcc33;
  --paper: #ffffff;
  --muted: #6b6253;
  --line: #e6dfcb;
  --soft: #fff9dc;
  --brand-orange: #ff9900;
  --brand-brown: #79440f;
}
:focus-visible { outline-color: #92500d; }
.prototype { background: #fff0b8; color: #625022; }
.header { background: #ffffff; border-bottom: 3px solid var(--brand-orange); }
footer .brand-logo { mix-blend-mode: multiply; }
.header-inner { min-height: 104px; }
.brand { flex-direction: column; align-items: flex-start; gap: 0; }
.brand .brand-age {
  display: block; margin-left: 54px; padding: 0 0 5px;
  color: var(--brand-brown); font-size: 12px; line-height: 16px;
  letter-spacing: .3px; font-weight: 600;
}
.header nav a:hover, .text-link:hover { color: var(--brand-brown); }
.button-dark, .button-yellow {
  background: var(--yellow); color: var(--ink); border-color: #e4af15;
}
.header-help, .search-submit { background: #ffb51b; border-color: #ed9d0c; }
.button-outline { color: var(--brand-brown); border-color: #af7a35; }
.small-sun { color: #bd6a00; }
.hero h1 em { color: var(--brand-brown); }
.hero-lead { color: #635a4b; }
.hero-benefits svg { color: var(--green); }
.hero-image { background: #f5e9c9; }
.hero-image::after { background: linear-gradient(transparent, #30271788); }
.photo-note, .offer-badge, .save-card { background: #fffffff2; }
.search-box { background: #fff9dc; border-color: #eed88a; box-shadow: 0 10px 28px #7e52000a; }
#search-form { background: white; border-color: #e6d5a6; }
.search-field { background: white; }
.search-field input::placeholder { color: var(--muted); }
.profile-card:hover { background: #fff9dc; border-color: #d7b94a; }
.profile-card > svg, .profile-card b { color: var(--green); }
.map-section { background: #fffbe7; border-color: #efe1af; }
.map-layout, .map-legend { border-color: #e1d6ad; }
.map-regions button.active { background: var(--green); border-color: var(--green); color: white; }
.city-list button { border-bottom-color: #eee9d7; }
.city-list button.active { background: #ffdd68; color: var(--ink); }
.map-frame, #spa-map { background: #eeefd9; }
.map-legend { background: #ffffffed; box-shadow: 0 2px 8px #66400010; }
.spa-marker span { background: var(--green); box-shadow: 0 2px 8px #59441645; }
.spa-marker.selected span { background: var(--yellow); border-color: #79440f; }
.spa-marker.selected span::after { background: #79440f; }
.destination-links a { border-color: #beaa69; }
.offer-tabs button.active { border-color: #c77200; }
.offer-photo { background: #f5edd7; }
.save-card[aria-pressed=true] svg { fill: var(--yellow); stroke: #79440f; }
.offer-art { background: #f5eccb; color: #a18d48; }
.help-section { background: #fff1b8; color: var(--ink); border-top: 4px solid var(--brand-orange); }
.help-copy .eyebrow { color: #795a14; }
.help-copy p:not(.eyebrow), .help-copy > small, .help-steps p { color: #64552e; }
.help-copy .button { background: #ffb51b; border-color: #e49b13; }
.help-steps li { border-color: #dcca8d; }
.help-steps li > span { color: #92500d; }
.guide { border-color: #a8ad6a; }
.guide > span { color: #64701b; }
.guide-nfz { border-color: #d69b35; }
footer { background: #fff9e4; border-color: #e9d8a5; }
.footer-bottom { border-color: #e7dab4; }
.toast { background: #4d401f; box-shadow: 0 4px 14px #48351330; }
dialog { border-color: #d9c590; }
dialog::backdrop { background: #302717cf; }
.demo-info { background: #fff0b8; }
#inquiry-form input, #inquiry-form select { border-color: #cbbd94; }
#inquiry-summary { background: #f1f3dc; }
.report .note { background: #fff4c9; border-color: #e2a319; }
.mobile-actions { background: #fffffff7; border-color: #e8c36b; }
.mobile-actions button { background: #ffb51b; color: var(--ink); }
@media (max-width:760px) {
  html { scroll-padding-top: 98px; }
  .header-inner { min-height: 84px; }
  .brand .brand-age { margin-left: 38px; font-size: 10px; line-height: 14px; padding-bottom: 0; }
  .header nav { top: 84px; box-shadow: 0 10px 15px #66400012; }
}
