/* Shared Atelier Monique palette. Colors only: approved layout and media stay intact. */
:root {
  --paper: #ffffff;
  --white: #ffffff;
  --ink: #202020;
  --text-accent: #b03a62;
  --wine: var(--ink);
  --muted: #5a5a5a;
  --line: #d9dce3;
  --sand: #f5f5f8;
  --brand-pink: #ffc0cb;
  /* Composite over white once, so nested hero layers do not darken the pink. */
  --pink: color-mix(in srgb, var(--brand-pink) 22%, var(--white));
  --powder: var(--brand-pink);
  --pink-detail: color-mix(in srgb, var(--brand-pink) 38%, var(--white));
  --diamond: #d9dce3;
  --control-line: #808080;
  --diamond-sheen: linear-gradient(125deg, #fff 0%, #f1f2f6 32%, #fff 60%, #e9eaf0 100%);
}

/* Neutral body copy with raspberry accents, matching the primary buttons. */
::selection { background: var(--powder); color: var(--ink); }
em { color: var(--ink); }
.location-bar { background: var(--diamond); color: var(--ink); }
.header, .slider-controls, .breadcrumbs, .course-dropdown,
.mobile-menu > nav { background: var(--white); }
.course-dropdown { box-shadow: 0 16px 36px #20202010; }
.course-dropdown a:hover, .course-dropdown a:focus-visible,
.course-dropdown a[aria-current=page] { background: var(--pink); color: var(--ink); }
.button, .nav .nav-cta { background: var(--ink); color: var(--white); border-color: var(--ink); }
.button:hover, .nav .nav-cta:hover { background: #393939; color: var(--white); }
.home-animated .button:hover, .home-animated .nav-cta:hover { box-shadow: 0 8px 20px #20202016; }

.hero-slider, .hero-slide, .slide-training, .slide-monika { --slide-paper: var(--pink); }
.subpage, .page-szkolenia, .page-kurs-7-dni, .page-o-atelier { --hero-paper: var(--pink); }
.slide-copy:before, .page-hero-copy:before { border-color: color-mix(in srgb, var(--diamond) 55%, transparent); }
.slide-description, .slide-signature, .page-lead,
.slider-topics button, .slider-counter, .slider-play,
.slide-photo figcaption span, .page-hero-image figcaption > span { color: var(--muted); }
.slide-photo figcaption em { color: var(--ink); }
.home-animated .slide-photo figcaption,
.subpage .page-hero-image figcaption,
.offer-photo figcaption, .academy-practice-image figcaption,
.atelier-story-photo figcaption { background: #fffffff2; color: var(--ink); border-color: var(--powder); }
.counter-line, .offer-counter i { background: var(--control-line); }
.eyebrow-rule, .page-hero-copy > .eyebrow:before {
  background: linear-gradient(90deg, var(--ink), var(--diamond));
}
.round-arrow, .slider-arrows button, .offer-arrows button { border-color: var(--control-line); }
.slider-arrows button:hover, .offer-arrows button:hover { background: var(--ink); color: var(--white); border-color: var(--ink); }
.slider-video-toggle { background: #ffffffed; color: var(--ink); box-shadow: 0 3px 14px #20202012; }
.slider-video-toggle:hover { background: var(--white); }
.slider-video-toggle:focus-visible { box-shadow: 0 0 0 5px var(--white); }

.offer-showcase { background: color-mix(in srgb, var(--brand-pink) 28%, var(--white)); }
.offer-photo { background: var(--powder); }
.offer-counter, .offer-card-top, .offer-card-number, .offer-card > p,
.offer-card-bottom > span, .offer-selectors button, .offer-footnote { color: var(--muted); }
.offer-card-bottom, .offer-booking { border-color: #d3bdc7; }
.offer-selectors button { border-color: #bba2ae; }
.offer-selectors button:hover, .offer-selectors button[aria-pressed=true] { border-color: var(--ink); color: var(--ink); }
.offer-viewport { scrollbar-color: var(--control-line) transparent; }
.offer-service-picker select { background-color: var(--white); color: var(--ink); border-color: var(--control-line); }
.gallery-section, .gallery-band { background: var(--diamond-sheen); }
.gallery-note:before { background: var(--control-line); }
.gallery-lightbox-image { background: var(--sand); }
.gallery-lightbox::backdrop { background: rgb(25 25 25 / 88%); }

.academy, .page-tint, .course-summary { background: var(--pink); }
.academy .course, .academy .course + .course, .academy .course:last-child,
.training-card, .page-salon .price-panel, .page-salon .page-tint .feature-item { background: var(--white); }
.home-animated .academy .course:hover { box-shadow: 0 16px 32px #20202012; }
.courses, .course + .course, .page-salon .price-panel,
.atelier-gallery-intro { border-color: var(--line); }
.page-salon .page-tabs { background: var(--pink); }
.page-salon .price-panel .eyebrow, .atelier-pullquote > span { color: var(--ink); }

/* Clear section rhythm and neutral dividers throughout the subpages. */
.training-paths-band { background: var(--sand); }
.training-faq-band { background: var(--pink); }
.subpage .academy-practice { background: var(--white); }
.subpage .feature-item,
.subpage .atelier-value-grid article,
.subpage .course-summary dl > div,
.subpage .breadcrumbs,
.header .mobile-menu .course-dropdown { border-color: var(--line); }

/* Restore the former editorial accents without recoloring surfaces or actions. */
.button-system :is(h1, h2, h3) em,
body.button-system:is(.home-animated, .subpage) .eyebrow,
.about-copy .quote,
.atelier-pullquote blockquote, .atelier-pullquote > span,
.atelier-gallery-intro > p,
.service-prices dd, .training-price, .training-days,
.course-overview strong, .atelier-value-number,
.home-animated .slide-photo figcaption em,
.subpage .page-hero-image figcaption,
.academy-practice-image figcaption, .atelier-story-photo figcaption,
.page-tabs, .program-item summary {
  color: var(--text-accent);
}
.nav > a[aria-current=page]:not(.nav-cta),
.nav .is-current:not(.nav-cta),
.mobile-menu a[aria-current=page]:not(.nav-cta),
.course-menu > summary:hover, .course-menu[open] > summary,
.header .mobile-menu .course-menu > summary.is-current,
.course-dropdown a:hover, .course-dropdown a:focus-visible,
.course-dropdown a[aria-current=page], .course-dropdown .all-training-offers,
.slider-topics button[aria-pressed=true], .slider-topics button:hover,
.slider-counter [data-slider-current] {
  color: var(--text-accent);
}
.slider-topics button[aria-pressed=true]:after { background: var(--text-accent); }
.eyebrow-rule, .page-hero-copy > .eyebrow:before {
  background: linear-gradient(90deg, var(--text-accent), var(--diamond));
}

.contact, .subpage .page-cta { background: var(--ink); color: var(--white); }
.button-system :is(.contact, .page-cta) :is(h1, h2, h3) em { color: var(--white); }
.contact-details > p, .page-cta p, .page-cta .eyebrow,
.subpage .page-cta .cta-copy .eyebrow,
body.button-system:is(.home-animated, .subpage) :is(.contact, .page-cta) .eyebrow { color: #e8e8e8; }
.address { border-color: #686868; }
.page-cta .button { background: var(--pink); color: var(--ink); }
.page-cta .button:hover { background: var(--powder); color: var(--ink); }
.contact-address-strip .button { background: transparent; color: var(--ink); border-color: var(--ink); }
.contact-address-strip .button:hover { background: var(--ink); color: var(--white); }
.mobile-cta { background: var(--white); box-shadow: 0 -4px 15px #2020200a; }
.mobile-cta a { background: var(--ink); color: var(--white); }
.mobile-cta a + a { background: var(--pink); color: var(--ink); }