/* CARNABY & OAK | RESTORED CARDS, STRICT DARK/LIGHT RHYTHM, CLOSER GOCHI HAND
   Controls full-bleed sections only. Does not edit interactive cards or their pricing styles.
   Tone markers are assigned to real page sections, ignoring decorative marquee tracks.
*/
:root {
  --co-dark-bg: #78213e;
  --co-light-bg: #fffaf1;
  --co-dark-fg: #fffaf1;
  --co-hand-clearance: 4px;
}
/* The original membership, birthday and activity cards retain their established layouts.
   Dark and light backgrounds span the viewport; content keeps the shared global gutter. */
body[data-co-system] main > :is(section,div).co-tone-dark,
body[data-co-system] main > :is(section,div).co-tone-dark:is(.garden-hero,.page-hero,.wine-bg,.sky-bg,.yellow-bg,.alt,.co-spotlight,.co-ways,.co-offers,.pull) {
  background: var(--co-dark-bg) !important;
  color: var(--co-dark-fg);
}
body[data-co-system] main > :is(section,div).co-tone-light,
body[data-co-system] main > :is(section,div).co-tone-light:is(.garden-hero,.page-hero,.wine-bg,.sky-bg,.yellow-bg,.alt,.co-spotlight,.co-ways,.co-offers,.pull) {
  background: var(--co-light-bg) !important;
  color: var(--co-site-ink);
}
/* The clock remains a LIGHT scene, while retaining its approved purple 9 AM
   and existing interactive time-of-day colour changes. */
body[data-co-system] main > #everyday-carnaby.co-tone-light {background:var(--hour-bg)!important;color:var(--co-site-ink)!important;}

/* Text on dark sections: only the section's editorial copy, not inner cards/panels. */
body[data-co-system] main > .co-tone-dark :is(
  .hero-copy,.birthday-landing-copy,.whats-latest-copy,.classes-colour-inner,
  .class-host-copy,.class-worlds-intro,.play-worlds-head,.play-games-head,
  .co-spotlight-head,.co-section-intro,.co-birthday-section-head,
  .section-head,.birthday-details-head,.whatson-section-head,
  .whatson-split-head,.parlor-hours,.join-section-head,.site-faq-head,
  .class-faq-head,.enquiry-copy,.hour-intro,.co-way-footer,.page-hero
) {color:var(--co-dark-fg)!important;}
body[data-co-system] main > .co-tone-dark :is(
  .hero-copy,.birthday-landing-copy,.whats-latest-copy,.classes-colour-inner,
  .class-host-copy,.class-worlds-intro,.play-worlds-head,.play-games-head,
  .co-spotlight-head,.co-section-intro,.co-birthday-section-head,
  .section-head,.birthday-details-head,.whatson-section-head,
  .whatson-split-head,.parlor-hours,.join-section-head,.site-faq-head,
  .class-faq-head,.enquiry-copy,.hour-intro,.page-hero
) :is(h1,h2,.eyebrow,.kicker,.co-simple-eyebrow, p) {
  color:var(--co-dark-fg)!important;
}
body[data-co-system] main > .co-tone-dark :is(.hero-copy,.birthday-landing-copy,.section-head,.co-spotlight-head,.co-birthday-section-head,.co-section-intro,.class-worlds-intro,.class-faq-head,.site-faq-head,.play-worlds-head,.play-games-head,.whatson-section-head,.class-host-copy,.page-hero) :is(h1,h2).co-overlay-title > .hand,
body[data-co-system] main > .co-tone-dark :is(.hero-copy,.birthday-landing-copy,.section-head,.co-spotlight-head,.co-birthday-section-head,.co-section-intro,.class-worlds-intro,.class-faq-head,.site-faq-head,.play-worlds-head,.play-games-head,.whatson-section-head,.class-host-copy,.page-hero) :is(h1,h2).co-overlay-title > span.hand.hand {
  color:var(--co-site-yellow)!important;
}
/* Prevent text on dark hero from inheriting wine from legacy page-specific rules. */
body[data-co-system] main > .co-tone-dark .hero-copy h1,
body[data-co-system] main > .co-tone-dark.page-hero h1,
body[data-co-system] main > .co-tone-dark .birthday-landing-copy h1,
body[data-co-system] main > .co-tone-dark .whats-latest-copy h1,
body[data-co-system] main > .co-tone-dark .classes-colour-inner h1 {color:#fffaf1!important;}
body[data-co-system] main > .co-tone-dark :is(.co-spotlight-cue,.co-birthday-section-head > p,.co-intro-copy,.section-copy,.co-way-small) {color:#fffaf1!important;}
body[data-co-system] main > .co-tone-dark :is(.co-card-link,.co-offer-body,.co-activity-body,.membership-card,.birthday-detail-grid article,.story-block,.whatson-new-card,.class-host-form,.enquiry-form) {color:var(--co-site-ink);}
/* Preserve white text captions over venue photography, irrespective of section surface. */
body[data-co-system] main .mood-copy,body[data-co-system] main .mood-copy h3,
body[data-co-system] main .co-spotlight-card span,
body[data-co-system] main .co-spotlight-card strong,
body[data-co-system] main .co-spotlight-card small{color:#fff!important;}

/* One Gochi treatment everywhere: move it CLOSER, but never over the serif. */
body[data-co-system] main h1.co-overlay-title,
body[data-co-system] main h2.co-overlay-title,
body[data-co-system] main .co-overlay-title.co-overlay-title {
  margin-bottom:clamp(12px,1.1vw,17px)!important;
}
body[data-co-system] main :is(h1,h2,h3).co-overlay-title > .hand,
body[data-co-system] main :is(h1,h2,h3).co-overlay-title.co-overlay-title > span.hand.hand,
body[data-co-system] main .birthday-landing-copy h1.co-master-title > .hand {
  margin-top: -12px !important;
  padding:0 3px 2px!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  transform:rotate(-3deg)!important;
  transform-origin:85% 50%!important;
}
body[data-co-system] main .garden-hero .hero-copy h1 > .hand {margin-top:1px!important;}
body[data-co-system] main .mood-copy .co-overlay-title > .hand {margin-top:2px!important;}
body[data-co-system] main :is(.co-spotlight-head,.co-birthday-section-head,.co-section-intro,.section-head,.birthday-details-head) {
  margin-bottom:clamp(14px,1.5vw,21px)!important;
}
/* Same Gochi type rhythm for H1/H2 sections; long copy still shrinks to one line using existing fit script. */
body[data-co-system] main .co-overlay-title > .hand {font-weight:400!important;letter-spacing:0!important;}
/* Respect body copy and card surfaces in membership/FAQ, avoiding global overrides. */

@media(max-width:760px){
  body[data-co-system] main :is(h1,h2,h3).co-overlay-title > .hand,
  body[data-co-system] main :is(h1,h2,h3).co-overlay-title.co-overlay-title > span.hand.hand,
  body[data-co-system] main .birthday-landing-copy h1.co-master-title > .hand {margin-top:-5px!important;padding-bottom:2px!important;}
  body[data-co-system] main > .co-tone-dark :is(.co-birthday-section-head,.co-spotlight-head) > p {color:#fffaf1!important;}
}

/* Contrast for the original burgundy “The Works” package card: keep its original
   wine fill and white text, against a different DARK brand-compatible section. */
body.birthday-page[data-co-system] main > #birthday-packages.co-tone-dark { background:#265762!important; }
body.birthday-page[data-co-system] main #birthday-packages .co-birthday-price-card.wine { color:#fff!important; }
/* Gochi subtitles on ALL dark sections, including archive and class headings. */
body[data-co-system] main > .co-tone-dark :is(h1,h2).co-overlay-title > .hand,
body[data-co-system] main > .co-tone-dark :is(h1,h2).co-overlay-title > span.hand.hand {color:var(--co-site-yellow)!important;}
/* Original Essential pink package uses dark ink. Only The Works uses white ink. */
body.birthday-page[data-co-system] main #birthday-packages .co-birthday-price-card:not(.wine){color:var(--co-site-ink)!important;}