/*
 * Core Style Master - Font Tokens
 * File:    core-fonts-4.0.8.css (v4.0.8)
 * Auto-generated - DO NOT EDIT MANUALLY
 * Managed via WP Admin -> Core Styles -> Typography
 * Last updated: 2026-06-05 19:15:12
 */

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

:root {

    /* -- Font Families -- */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'DM Sans', sans-serif;

    /* -- Element Typography -- */
    --font-h1-size:        4rem;
    --font-h1-size-tablet: 3rem;
    --font-h1-size-mobile: 2.2rem;
    --font-h1-weight:      900;
    --font-h1-line-height: 1.2em;
    --font-h1-color: var(--purple-dark);
    --font-h2-size:        3.2rem;
    --font-h2-size-tablet: 2.4rem;
    --font-h2-size-mobile: 1.8rem;
    --font-h2-weight:      800;
    --font-h2-line-height: 1.25em;
    --font-h2-color: var(--purple-dark);
    --font-h3-size:        2.4rem;
    --font-h3-size-tablet: 1.8rem;
    --font-h3-size-mobile: 1.5rem;
    --font-h3-weight:      700;
    --font-h3-line-height: 1.3em;
    --font-h3-color: var(--purple-dark);
    --font-h4-size:        1.8rem;
    --font-h4-size-tablet: 1.5rem;
    --font-h4-size-mobile: 1.3rem;
    --font-h4-weight:      700;
    --font-h4-line-height: 1.35em;
    --font-h4-color: var(--purple-dark);
    --font-h5-size:        1.4rem;
    --font-h5-size-tablet: 1.2rem;
    --font-h5-size-mobile: 1.1rem;
    --font-h5-weight:      600;
    --font-h5-line-height: 1.4em;
    --font-h5-color: var(--purple-dark);
    --font-h6-size:        1.1rem;
    --font-h6-size-tablet: 1rem;
    --font-h6-size-mobile: 1rem;
    --font-h6-weight:      600;
    --font-h6-line-height: 1.4em;
    --font-h6-color: var(--purple-dark);
    --font-p-size:        1rem;
    --font-p-size-tablet: 1rem;
    --font-p-size-mobile: 0.95rem;
    --font-p-weight:      400;
    --font-p-line-height: 1.65em;
    --font-p-color: var(--text-body);
    --font-body-size:        1rem;
    --font-body-size-tablet: 1rem;
    --font-body-size-mobile: 0.95rem;
    --font-body-weight:      400;
    --font-body-line-height: 1.65em;
    --font-body-color: var(--text-body);
    --font-ul-size:        1rem;
    --font-ul-size-tablet: 1rem;
    --font-ul-size-mobile: 0.95rem;
    --font-ul-weight:      400;
    --font-ul-line-height: 1.7em;
    --font-ul-color: var(--text-body);
    --font-table-size:        0.9rem;
    --font-table-size-tablet: 0.9rem;
    --font-table-size-mobile: 0.85rem;
    --font-table-weight:      400;
    --font-table-line-height: 1.5em;
    --font-table-color: var(--text-body);
    --font-a-size:        1rem;
    --font-a-size-tablet: 1rem;
    --font-a-size-mobile: 0.95rem;
    --font-a-weight:      400;
    --font-a-line-height: 1.65em;
    --font-a-color: var(--text-body);
    --font-button-size:        0.95rem;
    --font-button-size-tablet: 0.95rem;
    --font-button-size-mobile: 0.9rem;
    --font-button-weight:      600;
    --font-button-line-height: 1.2em;
    --font-button-color: var(--text-body);
    --font-input-size:        0.95rem;
    --font-input-size-tablet: 0.95rem;
    --font-input-size-mobile: 0.9rem;
    --font-input-weight:      400;
    --font-input-line-height: 1.2em;
    --font-input-color: var(--text-body);

}

/* -- 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, 'Playfair Display', serif);
}

/* -- h1 -- */
body h1, .entry-content :where(h1), .entry-title h1 {
    font-size:   var(--font-h1-size, 4rem);
    font-weight: var(--font-h1-weight, 900);
    line-height: var(--font-h1-line-height, 1.2em);
    color: var(--font-h1-color, var(--purple-dark));
}

/* -- h2 -- */
body h2, .entry-content :where(h2), .entry-title h2 {
    font-size:   var(--font-h2-size, 3.2rem);
    font-weight: var(--font-h2-weight, 800);
    line-height: var(--font-h2-line-height, 1.25em);
    color: var(--font-h2-color, var(--purple-dark));
}

/* -- h3 -- */
body h3, .entry-content :where(h3), .entry-title h3 {
    font-size:   var(--font-h3-size, 2.4rem);
    font-weight: var(--font-h3-weight, 700);
    line-height: var(--font-h3-line-height, 1.3em);
    color: var(--font-h3-color, var(--purple-dark));
}

/* -- h4 -- */
body h4, .entry-content :where(h4), .entry-title h4 {
    font-size:   var(--font-h4-size, 1.8rem);
    font-weight: var(--font-h4-weight, 700);
    line-height: var(--font-h4-line-height, 1.35em);
    color: var(--font-h4-color, var(--purple-dark));
}

/* -- h5 -- */
body h5, .entry-content :where(h5), .entry-title h5 {
    font-size:   var(--font-h5-size, 1.4rem);
    font-weight: var(--font-h5-weight, 600);
    line-height: var(--font-h5-line-height, 1.4em);
    color: var(--font-h5-color, var(--purple-dark));
}

/* -- h6 -- */
body h6, .entry-content :where(h6), .entry-title h6 {
    font-size:   var(--font-h6-size, 1.1rem);
    font-weight: var(--font-h6-weight, 600);
    line-height: var(--font-h6-line-height, 1.4em);
    color: var(--font-h6-color, var(--purple-dark));
}

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

/* -- p -- */
body p {
    font-size:   var(--font-p-size, 1rem);
    font-weight: var(--font-p-weight, 400);
    line-height: var(--font-p-line-height, 1.65em);
    color: var(--font-p-color, var(--text-body));
}

/* -- body -- */
body body {
    font-size:   var(--font-body-size, 1rem);
    font-weight: var(--font-body-weight, 400);
    line-height: var(--font-body-line-height, 1.65em);
    color: var(--font-body-color, var(--text-body));
}

/* -- ul -- */
body ul {
    font-size:   var(--font-ul-size, 1rem);
    font-weight: var(--font-ul-weight, 400);
    line-height: var(--font-ul-line-height, 1.7em);
    color: var(--font-ul-color, var(--text-body));
}

/* -- table -- */
body table {
    font-size:   var(--font-table-size, 0.9rem);
    font-weight: var(--font-table-weight, 400);
    line-height: var(--font-table-line-height, 1.5em);
    color: var(--font-table-color, var(--text-body));
}

/* -- a -- */
body a {
    font-size:   var(--font-a-size, 1rem);
    font-weight: var(--font-a-weight, 400);
    line-height: var(--font-a-line-height, 1.65em);
    color: var(--font-a-color, var(--text-body));
}

/* -- button -- */
body button {
    font-size:   var(--font-button-size, 0.95rem);
    font-weight: var(--font-button-weight, 600);
    line-height: var(--font-button-line-height, 1.2em);
    color: var(--font-button-color, var(--text-body));
}

/* -- input -- */
body input {
    font-size:   var(--font-input-size, 0.95rem);
    font-weight: var(--font-input-weight, 400);
    line-height: var(--font-input-line-height, 1.2em);
    color: var(--font-input-color, var(--text-body));
}

/* -- Tablet (max 768px) -- */
@media ( max-width: 768px ) {
    h1 { font-size: var(--font-h1-size-tablet, 3rem); }
    h2 { font-size: var(--font-h2-size-tablet, 2.4rem); }
    h3 { font-size: var(--font-h3-size-tablet, 1.8rem); }
    h4 { font-size: var(--font-h4-size-tablet, 1.5rem); }
    h5 { font-size: var(--font-h5-size-tablet, 1.2rem); }
    h6 { font-size: var(--font-h6-size-tablet, 1rem); }
    p { font-size: var(--font-p-size-tablet, 1rem); }
    body { font-size: var(--font-body-size-tablet, 1rem); }
    ul { font-size: var(--font-ul-size-tablet, 1rem); }
    table { font-size: var(--font-table-size-tablet, 0.9rem); }
    a { font-size: var(--font-a-size-tablet, 1rem); }
    button { font-size: var(--font-button-size-tablet, 0.95rem); }
    input { font-size: var(--font-input-size-tablet, 0.95rem); }
}

/* -- Mobile (max 480px) -- */
@media ( max-width: 480px ) {
    h1 { font-size: var(--font-h1-size-mobile, 2.2rem); }
    h2 { font-size: var(--font-h2-size-mobile, 1.8rem); }
    h3 { font-size: var(--font-h3-size-mobile, 1.5rem); }
    h4 { font-size: var(--font-h4-size-mobile, 1.3rem); }
    h5 { font-size: var(--font-h5-size-mobile, 1.1rem); }
    h6 { font-size: var(--font-h6-size-mobile, 1rem); }
    p { font-size: var(--font-p-size-mobile, 0.95rem); }
    body { font-size: var(--font-body-size-mobile, 0.95rem); }
    ul { font-size: var(--font-ul-size-mobile, 0.95rem); }
    table { font-size: var(--font-table-size-mobile, 0.85rem); }
    a { font-size: var(--font-a-size-mobile, 0.95rem); }
    button { font-size: var(--font-button-size-mobile, 0.9rem); }
    input { font-size: var(--font-input-size-mobile, 0.9rem); }
}