/* Shared type scale for the public site (layouts/guest) and the store (storefront theme5).
   Sizes and weights only: each layout keeps its own font-family. */

:root {
    --type-hero: 52px;
    --type-h1: 48px;
    --type-h2: 36px;
    --type-h3: 26px;
    --type-h4: 24px;
    --type-h5: 20px;
    --type-h6: 18px;
    --type-price: 40px;
    --type-body: 18px;
    --type-body-line-height: 1.4;
    --type-lead: 18px;
    --type-secondary: 16px;
    --type-small: 14px;
    --type-button: 16px;
    --type-testimonial-author: 16px;
    --type-footer-title: 20px;
    --type-footer-link: 18px;
    --type-footer-text: 18px;
    --type-copyright: 12px;
}

@media (max-width: 1024px) {
    :root {
        --type-hero: 44px;
        --type-h1: 44px;
        --type-h2: 30px;
        --type-h3: 24px;
        --type-h4: 22px;
        --type-h5: 18px;
        --type-h6: 16px;
        --type-price: 32px;
        --type-body: 16px;
        --type-lead: 16px;
        --type-button: 15px;
        --type-footer-link: 16px;
        --type-footer-text: 16px;
    }
}

@media (max-width: 767px) {
    :root {
        --type-hero: 32px;
        --type-h1: 32px;
        --type-h2: 24px;
        --type-h3: 22px;
        --type-h4: 20px;
        --type-body: 15px;
        --type-lead: 15px;
        --type-secondary: 14px;
        --type-testimonial-author: 14px;
        --type-footer-title: 18px;
    }
}

/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 700;
    line-height: 1.2;
}

h1, .h1 {
    font-size: var(--type-h1);
}

h2, .h2 {
    font-size: var(--type-h2);
}

h3, .h3 {
    font-size: var(--type-h3);
}

h4, .h4 {
    font-size: var(--type-h4);
}

h5, .h5 {
    font-size: var(--type-h5);
}

h6, .h6 {
    font-size: var(--type-h6);
}

.type-hero {
    font-size: var(--type-hero);
    font-weight: 700;
    line-height: 1.15;
}

/* Text */
p,
.type-body {
    font-size: var(--type-body);
    line-height: var(--type-body-line-height);
}

.type-lead {
    font-size: var(--type-lead);
    font-weight: 500;
    line-height: var(--type-body-line-height);
}

.feature-box li {
    font-size: var(--type-secondary);
}

.breadcrumb,
label {
    font-size: var(--type-small);
}

.feature-footer h1 {
    font-size: var(--type-price);
}

.feature-footer h1 + h5 {
    font-size: var(--type-secondary);
}

.testimonial-block .text-small {
    font-size: var(--type-testimonial-author);
    font-weight: 600;
}

.accordion-button {
    font-size: var(--type-h6);
}

/* Buttons */
.btn:not(.btn-sm) {
    font-size: var(--type-button);
    font-weight: 700;
}

/* Footer (guest/footer.blade.php, shared by both layouts) */
.footer h3 {
    font-size: var(--type-footer-title);
    font-weight: 700;
}

.footer p {
    font-size: var(--type-footer-text);
}

.footer ul,
.footer .footer-contact a {
    font-size: var(--type-footer-link);
}

.footer-copyright {
    font-size: var(--type-copyright);
    font-weight: 700;
}