/* ==========================================
   PLUS JAKARTA SANS
========================================== */

/* 400 */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('https://cdn.pyaretemplates.com/font/plus-jakarta-sans-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 500 */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('https://cdn.pyaretemplates.com/font/plus-jakarta-sans-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* 600 */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('https://cdn.pyaretemplates.com/font/plus-jakarta-sans-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* 800 */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('https://cdn.pyaretemplates.com/font/plus-jakarta-sans-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/* ==========================================
   INTER
========================================== */

/* 500 */
@font-face {
    font-family: 'Inter';
    src: url('https://cdn.pyaretemplates.com/font/inter-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* ==========================================
   TYPOGRAPHY HELPERS
========================================== */

/* Headings */

h1,
h2 {
    font-weight: 700;
}

h3,
h4 {
    font-weight: 600;
}

h5,
h6 {
    font-weight: 500;
}


/* Body text */

body,
p {
    font-family: var(--font-body);
    font-weight: 400;
}


/* Buttons, links, emphasis */

a,
button,
input,
strong,
b {
    font-family: var(--font-body);
    font-weight: 500;
}


/* Utility class for Lily Script */

.lily-font {
    font-family: var(--font-script);
    font-weight: 400;
}


/* ========================
   Base Typography
======================== */

p {
    line-height: 1.6;
    font-size: clamp(15px, 1vw + 14px, 18px);
    cursor: default;
    margin-bottom: 1em;
    color: var(--text);
}


/* ========================
   Headings
======================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    line-height: 1.2;
    margin: 0.8em 0 0.5em;
    cursor: default;
    color: var(--text);
}


/* Headings */

h1 {
    font-size: clamp(1.875rem, 1.2rem + 2vw, 2.25rem);
}

h2 {
    font-size: clamp(1.688rem, 1rem + 1.5vw, 2.063rem);
}

h3 {
    font-size: clamp(1.5rem, 0.9rem + 1vw, 1.875rem);
}

h4 {
    font-size: clamp(1.375rem, 0.8rem + 0.8vw, 1.688rem);
}

h5 {
    font-size: clamp(1.25rem, 0.7rem + 0.6vw, 1.5rem);
}

h6 {
    font-size: clamp(1.125rem, 0.6rem + 0.4vw, 1.313rem);
}

section h1,
article h1,
aside h1,
nav h1 {
    font-size: clamp(1.875rem, 1.2rem + 2vw, 2.25rem);
}