/*
 * CORE Style Master - Font Tokens
 * File:    core-fonts-4.3.1.css (v4.3.1)
 * Auto-generated - DO NOT EDIT MANUALLY
 * Managed via WP Admin -> Style Master -> Typography
 * Last updated: 2026-08-14 16:05:36
 */

/* -- Google Fonts -- */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@0,400;0,600;0,700;0,800;0,900&display=swap');

:root {

    /* -- Font Families -- */
    --font-heading: 'Albert Sans', sans-serif;
    --font-body: 'Albert Sans', sans-serif;

    /* -- Element Typography -- */
    --font-h1-size:        42px;
    --font-h1-size-tablet: 36px;
    --font-h1-size-mobile: 28px;
    --font-h1-weight:      900;
    --font-h1-line-height: 0.92em;
    --font-h2-size:        38px;
    --font-h2-size-tablet: 32px;
    --font-h2-size-mobile: 26px;
    --font-h2-weight:      800;
    --font-h2-line-height: 0.92em;
    --font-h3-weight:      400;
    --font-h4-size:        34px;
    --font-h4-size-tablet: 28px;
    --font-h4-size-mobile: 24px;
    --font-h4-weight:      800;
    --font-h4-line-height: 0.92em;
    --font-h5-weight:      400;
    --font-h6-weight:      400;
    --font-p-size:        16px;
    --font-p-size-tablet: 16px;
    --font-p-size-mobile: 16px;
    --font-p-weight:      400;
    --font-p-line-height: 1.4em;
    --font-body-size:        16px;
    --font-body-size-tablet: 16px;
    --font-body-size-mobile: 16px;
    --font-body-weight:      400;
    --font-body-line-height: 1.4em;
    --font-ul-weight:      400;
    --font-table-weight:      400;
    --font-a-weight:      400;
    --font-button-size:        16px;
    --font-button-size-tablet: 16px;
    --font-button-size-mobile: 16px;
    --font-button-weight:      600;
    --font-button-line-height: 1.6em;
    --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, 'Albert Sans', sans-serif);
}

/* -- h1 -- */
body h1, .entry-content :where(h1), .entry-title h1 {
    font-size:   var(--font-h1-size, 42px);
    font-weight: var(--font-h1-weight, 900);
    line-height: var(--font-h1-line-height, 0.92em);
}

/* -- h2 -- */
body h2, .entry-content :where(h2), .entry-title h2 {
    font-size:   var(--font-h2-size, 38px);
    font-weight: var(--font-h2-weight, 800);
    line-height: var(--font-h2-line-height, 0.92em);
}

/* -- h3 -- */
body h3, .entry-content :where(h3), .entry-title h3 {
    font-weight: var(--font-h3-weight, 400);
}

/* -- h4 -- */
body h4, .entry-content :where(h4), .entry-title h4 {
    font-size:   var(--font-h4-size, 34px);
    font-weight: var(--font-h4-weight, 800);
    line-height: var(--font-h4-line-height, 0.92em);
}

/* -- h5 -- */
body h5, .entry-content :where(h5), .entry-title h5 {
    font-weight: var(--font-h5-weight, 400);
}

/* -- h6 -- */
body h6, .entry-content :where(h6), .entry-title h6 {
    font-weight: var(--font-h6-weight, 400);
}

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

/* -- p -- */
body p {
    font-size:   var(--font-p-size, 16px);
    font-weight: var(--font-p-weight, 400);
    line-height: var(--font-p-line-height, 1.4em);
}

/* -- body -- */
body body {
    font-size:   var(--font-body-size, 16px);
    font-weight: var(--font-body-weight, 400);
    line-height: var(--font-body-line-height, 1.4em);
}

/* -- 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-size:   var(--font-button-size, 16px);
    font-weight: var(--font-button-weight, 600);
    line-height: var(--font-button-line-height, 1.6em);
}

/* -- 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, 36px); }
    h2 { font-size: var(--font-h2-size-tablet, 32px); }
    h4 { font-size: var(--font-h4-size-tablet, 28px); }
    p { font-size: var(--font-p-size-tablet, 16px); }
    body { font-size: var(--font-body-size-tablet, 16px); }
    button { font-size: var(--font-button-size-tablet, 16px); }
}

/* -- Mobile (max 480px) -- */
@media ( max-width: 480px ) {
    h1 { font-size: var(--font-h1-size-mobile, 28px); }
    h2 { font-size: var(--font-h2-size-mobile, 26px); }
    h4 { font-size: var(--font-h4-size-mobile, 24px); }
    p { font-size: var(--font-p-size-mobile, 16px); }
    body { font-size: var(--font-body-size-mobile, 16px); }
    button { font-size: var(--font-button-size-mobile, 16px); }
}