/* Approved Sound Park palette; straight section boundaries. */
:root{--sp-background:#1B1B1D;--sp-card:#2B2B2B;--sp-cloud:#E8E8E8;--sp-accent:#E5F36B;--sp-muted:#B9B9B6}
body.site-background{background:var(--sp-background);color:var(--sp-cloud)}
.site-background>.prototype,.site-background>.page,#sp-organizers .sp-page{background:var(--sp-background);color:var(--sp-cloud)}
.site-background>.prototype::before,.site-background>.page::before{opacity:.012}
#about.facts-section,#formats.formats-section,#programs.programs-section,#photos.photos-section,.event-request{background:var(--sp-cloud);color:var(--sp-background)}
#about.facts-section{padding:40px var(--content-gutter)}
.paper-edge{display:none}
#about .fact-star::before,#about .facts-heading::after{background:var(--sp-background)}
.program-code::before{background:#1b1b1d18}
.programs-included{border-left-color:var(--sp-background)}
.format-copy{background:var(--sp-card)}
.format-number{color:var(--sp-muted)}
.format-title,.format-text{color:var(--sp-cloud)}
.extras-media::before{background:rgba(232,232,232,.06)}
.extras-dot{color:#777}.extras-dot[aria-pressed=true]{color:var(--sp-cloud)}
.menu-panel{background:rgba(27,27,29,.97)}
.contact-dialog{background:var(--sp-card);border-color:#777}.contact-dialog p{color:var(--sp-cloud)}
.menu-panel a:hover,.menu-panel .menu-social a:hover{color:var(--sp-accent)}
.event-field input:focus-visible{border-color:var(--sp-background);box-shadow:0 1px 0 var(--sp-background)}
/* Slightly stronger text than the preview, as requested. */
.action-button,#sp-organizers .sp-action{
 background:var(--sp-accent);color:var(--sp-background);border:1px solid var(--sp-background);border-radius:999px;
 box-shadow:none;animation:none;font-weight:600;font-size:12px;letter-spacing:.015em;transition:background-color .2s,transform .2s
}
.action-button:hover,#sp-organizers .sp-action:hover{background:#DCEB5D;filter:none;transform:translateY(-2px);box-shadow:none}
.action-button:focus-visible,#sp-organizers .sp-action:focus-visible{outline:2px solid var(--sp-accent);outline-offset:4px}
.paper-surface .action-button:focus-visible,.event-request .action-button:focus-visible{outline-color:var(--sp-background)}
/* Supporting navigation stays quiet; event enquiries keep the lemon accent. */
.action-button.live-more,.action-button.photos-more,.action-button.repertoire-pdf,#sp-organizers .sp-home{background:transparent;color:var(--sp-cloud);border-color:#e8e8e85c}
.paper-surface .action-button.photos-more{color:var(--sp-background);border-color:#1b1b1d70}
.action-button.live-more:hover,.action-button.photos-more:hover,.action-button.repertoire-pdf:hover,#sp-organizers .sp-home:hover{background:#e8e8e812}
#sp-organizers .sp-dark details,#sp-organizers .sp-dark details[open],.promo-downloads{background:var(--sp-card)}
#sp-organizers .sp-page{--sp-lime:var(--sp-accent);--sp-copy:var(--sp-muted)}
@media(prefers-reduced-motion:reduce){.action-button,#sp-organizers .sp-action{transition:none}}
/* One spacing rhythm for every content section. */
:root{--sp-section-padding:48px}
.prototype main>section:not(.hero-screen),
#about.facts-section,#formats.formats-section,#programs.programs-section,#photos.photos-section{
 margin-top:0;padding-top:var(--sp-section-padding);padding-bottom:var(--sp-section-padding)
}
.site-footer{margin-top:0;padding-top:var(--sp-section-padding)}
/* Spacing scale: 16 title/copy, 24 copy/content, 32 action, 72 section edge. */
:root{--sp-section-padding:72px}
.prototype main>section>h2{margin-top:0;margin-bottom:16px}
.promo-description,.live-description,.facts-intro,.repertoire-section .repertoire-description,
.programs-included,.event-contact-intro{margin-top:0;margin-bottom:24px}
#about .facts-heading{margin-bottom:16px}
#formats .formats-heading,#photos>h2,.extras-section>h2{margin-bottom:24px}
#programs h2{margin-bottom:16px}
.section-contact,.live-more,.photos-more,.repertoire-pdf{margin-top:32px}
.event-request{margin-top:48px}
/* Consistent inner padding for the form and repeated programme rows. */
.event-request{padding:32px}
.event-request-intro{margin-bottom:24px}
.event-fields{gap:24px}
.program-card{padding-top:24px;padding-bottom:24px}
.prototype main>.extras-section>h2{margin-bottom:24px}
/* Lavender details complement the lemon event actions. */
:root{--sp-lavender:#A895D8}
#about .facts-heading::after{display:none}
#about .facts-grid{row-gap:32px;column-gap:24px}
#about .fact{border-top:0;padding-top:0;gap:12px}
#about .fact-star{display:block;flex-shrink:0;width:22px;height:22px;animation:none}
#about .fact-star::before{background:var(--sp-lavender)}
#about .fact p{margin:0}
.prototype #formats .format-copy,.prototype #formats .format-copy :is(h3,p){text-align:left}
.program-code::before{background:var(--sp-lavender);opacity:.7;height:12px}
#formats .format-number{color:var(--sp-lavender)}
/* A deliberate two-line programme summary. */
.programs-included{font-size:14px;line-height:20px}
#formats .formats-heading{margin-bottom:16px}
#formats .formats-description{max-width:320px;margin:0 auto 24px;color:#555;font:400 14px/20px 'Onest',Arial,sans-serif;text-align:center}
/* Restore alternating section surfaces after adding the work process. */
#extras.extras-section{background:var(--sp-cloud);color:var(--sp-background)}
#extras .extras-media::before{display:none}
#extras .extras-dot{color:#777}
#extras .extras-dot[aria-pressed=true]{color:var(--sp-background)}
#photos.photos-section{background:var(--sp-background);color:var(--sp-cloud)}
#photos h2 em{color:inherit}
#photos .action-button.photos-more{color:var(--sp-cloud);border-color:#e8e8e85c;background:transparent}
#contact.event-contact{background:var(--sp-cloud);color:var(--sp-background)}
#contact .event-contact-intro,#contact .event-contact-name{color:#555}
#contact .event-contact-phones a,#contact .event-contact-messengers a{color:var(--sp-background)}
#contact .event-contact-phones a{font-weight:600}
#contact .event-contact-messengers a[aria-label="МАКС"] g[mask] path{fill:currentColor}
#contact .event-request{background:#fff;color:var(--sp-background)}
#contact .event-request-intro{color:var(--sp-background)}
#contact .event-field,#contact .event-currency{color:#555}
#contact .event-delivery-note{color:#626268}
#contact .event-field input{color:var(--sp-background);border-bottom-color:#B7B7BB;color-scheme:light}
#contact .event-field input::placeholder{color:#76767C}
#contact .event-field input:focus-visible{border-color:var(--sp-background);box-shadow:0 1px 0 var(--sp-background)}
#contact .event-request .action-button:focus-visible{outline-color:var(--sp-background)}