/* base-typography.css - Global typographic scale: headings (h1-h3), body text (p), lists */

h1,
h2,
h3,
.section-title,
.header__content-header,
.header__content-subheader,
.faq__question,
.modal__title,
.modal__section-title {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-top: 0;
    margin-bottom: 1.3rem;
    line-height: 1.2;
}

h1,
.section-title,
.modal__title {
    font-size: clamp(1.7rem, 5vw, 2.2rem);
    text-align: center;
}

h2,
.header__content-header {
    font-size: clamp(1.3rem, 4vw, 1.7rem);
    text-align: center;
}

h3,
.header__content-subheader,
.faq__question,
.modal__section-title {
    font-size: clamp(1.05rem, 3vw, 1.25rem);
    margin-bottom: 2rem;
    /* Increased spacing between question and answer */
    text-align: left;
}

p,
.header__content-text,
.faq__answer,
.modal__text,
.footer__hours,
.footer__copyright {
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.6;
    margin-bottom: 0.72rem;
    text-align: left;
    letter-spacing: 0.01em;
}

ul,
ol {
    margin-bottom: 2rem;
}


.footer-book-btn,
.contact-form__submit-button {
    font-size: 1rem;
    font-weight: 600;
    padding: 0.8rem 2rem;
    border-radius: 2rem;
    margin: 0 auto 2.5rem auto;
    display: block;
}



/* Proportional lock: keep desktop CSS proportions */
html {
    font-size: 16px;
}

body {
    font-size: 1rem;
}