/*
 * Core Style Master - Font Tokens
 * File:    core-fonts-4.2.5.css (v4.2.5)
 * Auto-generated - DO NOT EDIT MANUALLY
 * Managed via WP Admin -> Core Styles -> Typography
 * Last updated: 2026-06-22 14:29:48
 */

/* -- Google Fonts -- */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@0,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@0,400&display=swap');

:root {

    /* -- Font Families -- */
    --font-heading: 'Barlow Semi Condensed', serif;
    --font-body: 'Barlow', sans-serif;

    /* -- Element Typography -- */
    --font-h1-size:        48px;
    --font-h1-size-tablet: 40px;
    --font-h1-size-mobile: 32px;
    --font-h1-weight:      400;
    --font-h1-color: var(--ast-global-color-0);
    --font-h2-size:        38px;
    --font-h2-size-tablet: 32px;
    --font-h2-size-mobile: 25px;
    --font-h2-weight:      400;
    --font-h2-color: var(--ast-global-color-0);
    --font-h3-size:        30px;
    --font-h3-size-tablet: 26px;
    --font-h3-size-mobile: 22px;
    --font-h3-weight:      400;
    --font-h3-color: var(--ast-global-color-0);
    --font-h4-size:        24px;
    --font-h4-size-tablet: 20px;
    --font-h4-size-mobile: 18px;
    --font-h4-weight:      400;
    --font-h4-color: var(--ast-global-color-0);
    --font-h5-size:        20px;
    --font-h5-size-tablet: 17px;
    --font-h5-size-mobile: 15px;
    --font-h5-weight:      400;
    --font-h5-color: var(--ast-global-color-0);
    --font-h6-size:        17px;
    --font-h6-size-tablet: 15px;
    --font-h6-size-mobile: 13px;
    --font-h6-weight:      400;
    --font-h6-color: var(--ast-global-color-0);
    --font-p-size:        17px;
    --font-p-size-tablet: 17px;
    --font-p-size-mobile: 17px;
    --font-p-weight:      400;
    --font-body-size:        17px;
    --font-body-size-tablet: 17px;
    --font-body-size-mobile: 17px;
    --font-body-weight:      400;
    --font-ul-weight:      400;
    --font-table-weight:      400;
    --font-a-weight:      400;
    --font-button-weight:      400;
    --font-input-weight:      400;

}

/* -- Heading font family -- */
body h1, .entry-content :where(h1),
body h2, .entry-content :where(h2),
body h3, .entry-content :where(h3),
body h4, .entry-content :where(h4),
body h5, .entry-content :where(h5),
body h6, .entry-content :where(h6) {
    font-family: var(--font-heading, 'Barlow Semi Condensed', serif);
}

/* -- h1 -- */
body h1, .entry-content :where(h1), .entry-title h1 {
    font-size:   var(--font-h1-size, 48px);
    font-weight: var(--font-h1-weight, 400);
    color: var(--font-h1-color, var(--ast-global-color-0));
}

/* -- h2 -- */
body h2, .entry-content :where(h2), .entry-title h2 {
    font-size:   var(--font-h2-size, 38px);
    font-weight: var(--font-h2-weight, 400);
    color: var(--font-h2-color, var(--ast-global-color-0));
}

/* -- h3 -- */
body h3, .entry-content :where(h3), .entry-title h3 {
    font-size:   var(--font-h3-size, 30px);
    font-weight: var(--font-h3-weight, 400);
    color: var(--font-h3-color, var(--ast-global-color-0));
}

/* -- h4 -- */
body h4, .entry-content :where(h4), .entry-title h4 {
    font-size:   var(--font-h4-size, 24px);
    font-weight: var(--font-h4-weight, 400);
    color: var(--font-h4-color, var(--ast-global-color-0));
}

/* -- h5 -- */
body h5, .entry-content :where(h5), .entry-title h5 {
    font-size:   var(--font-h5-size, 20px);
    font-weight: var(--font-h5-weight, 400);
    color: var(--font-h5-color, var(--ast-global-color-0));
}

/* -- h6 -- */
body h6, .entry-content :where(h6), .entry-title h6 {
    font-size:   var(--font-h6-size, 17px);
    font-weight: var(--font-h6-weight, 400);
    color: var(--font-h6-color, var(--ast-global-color-0));
}

/* -- Body font family -- */
body p,
body body,
body ul,
body table,
body a,
body button,
body input {
    font-family: var(--font-body, 'Barlow', sans-serif);
}

/* -- p -- */
body p {
    font-size:   var(--font-p-size, 17px);
    font-weight: var(--font-p-weight, 400);
}

/* -- body -- */
body body {
    font-size:   var(--font-body-size, 17px);
    font-weight: var(--font-body-weight, 400);
}

/* -- ul -- */
body ul {
    font-weight: var(--font-ul-weight, 400);
}

/* -- table -- */
body table {
    font-weight: var(--font-table-weight, 400);
}

/* -- a -- */
body a {
    font-weight: var(--font-a-weight, 400);
}

/* -- button -- */
body button {
    font-weight: var(--font-button-weight, 400);
}

/* -- input -- */
body input {
    font-weight: var(--font-input-weight, 400);
}

/* -- Tablet (max 768px) -- */
@media ( max-width: 768px ) {
    h1 { font-size: var(--font-h1-size-tablet, 40px); }
    h2 { font-size: var(--font-h2-size-tablet, 32px); }
    h3 { font-size: var(--font-h3-size-tablet, 26px); }
    h4 { font-size: var(--font-h4-size-tablet, 20px); }
    h5 { font-size: var(--font-h5-size-tablet, 17px); }
    h6 { font-size: var(--font-h6-size-tablet, 15px); }
    p { font-size: var(--font-p-size-tablet, 17px); }
    body { font-size: var(--font-body-size-tablet, 17px); }
}

/* -- Mobile (max 480px) -- */
@media ( max-width: 480px ) {
    h1 { font-size: var(--font-h1-size-mobile, 32px); }
    h2 { font-size: var(--font-h2-size-mobile, 25px); }
    h3 { font-size: var(--font-h3-size-mobile, 22px); }
    h4 { font-size: var(--font-h4-size-mobile, 18px); }
    h5 { font-size: var(--font-h5-size-mobile, 15px); }
    h6 { font-size: var(--font-h6-size-mobile, 13px); }
    p { font-size: var(--font-p-size-mobile, 17px); }
    body { font-size: var(--font-body-size-mobile, 17px); }
}