/* Young Life's three-family type system. All component sizes resolve here. */
:root{
 --yl-font-body:Inter,Arial,sans-serif;
 --yl-font-heading:'Barlow Condensed',Arial,sans-serif;
 --yl-font-accent:Caveat,cursive;
 --yl-type-brand:.625rem;
 --yl-type-label:.75rem;
 --yl-type-small:.875rem;
 --yl-type-control:.9375rem;
 --yl-type-compact:1rem;
 --yl-type-body:1.0625rem;
 --yl-type-lead:1.25rem;
 --yl-type-subheading:1.5rem;
 --yl-type-script:1.75rem;
 --yl-type-card:2rem;
 --yl-type-feature:2.5rem;
 --yl-type-section:clamp(2.5rem,4.5vw,3.5rem);
 --yl-type-dialog-title:clamp(2rem,3vw,2.5rem);
 --yl-type-page-title:clamp(2.5rem,3.8vw,3.5rem);
 --yl-type-events-title:clamp(3rem,4.8vw,4.5rem);
 --yl-type-event-title:clamp(3rem,6.1vw,5.5rem);
 --yl-type-hero:clamp(3.5rem,7.4vw,7rem);
 --yl-type-script-large:clamp(1.75rem,2.7vw,2.5rem);
 --yl-type-art:clamp(8rem,17vw,15rem);
 /* Compatibility for saved blocks that used the retired editor presets. */
 --wp--preset--font-family--display:var(--yl-font-heading);
 --wp--preset--font-family--expressive:var(--yl-font-accent);
}
body{font-family:var(--yl-font-body)}
:is(h1,h2,h3,h4,h5,h6){font-family:var(--yl-font-heading);font-weight:800}
.has-display-font-family{font-family:var(--yl-font-heading);font-weight:800}
.has-expressive-font-family{font-family:var(--yl-font-accent)}
/* Use one supplied weight for headings, without synthesizing an Anton bold face. */
.yl-hero h1,.yl-events-welcome h1,.yl-event-opening h1,
.yl-first-copy h2,.yl-heading-copy h2,.yl-parent-copy h2,.yl-belonging h2,
.yl-camp-copy h2,.yl-next-title,.yl-lineup-heading h3,.yl-lineup-more{font-weight:800}
/* Handwritten accents remain secondary to the title and body copy. */
.yl-script,.ylp-script,.yl-event-script,.yl-event-share-note,.yl-clean-footer-script{font-family:var(--yl-font-accent);font-weight:600}
.yl-hero-sticker,.yl-events-hero-sticker,.yl-event-ticket{font-family:var(--yl-font-accent);font-weight:700}
.yl-event-ticket strong{font-weight:700}
@media(max-width:781px){
 :root{
  --yl-type-section:2.5rem;
  --yl-type-dialog-title:2rem;
  --yl-type-page-title:2.5rem;
  --yl-type-events-title:3rem;
  --yl-type-event-title:3rem;
  --yl-type-hero:3.5rem;
  --yl-type-feature:2rem;
  --yl-type-script-large:1.75rem;
 }
}