body {
    font-family: "Poppins", system-ui, sans-serif;
    font-size: var(--fs-base);
    font-weight: 400;
    color: var(--color-text);
    background: var(--color-bg);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 700;
    color: var(--color-heading);
    margin-top: 0;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

h1 {
    font-size: var(--fs-2xl);
}

h2 {
    font-size: var(--fs-xl);
}

h3 {
    font-size: var(--fs-lg);
}

h4 {
    font-size: var(--fs-md);
}

h5 {
    font-size: var(--fs-base);
}

h6 {
    font-size: var(--fs-sm);
}

p {
    font-family: "Poppins", system-ui, sans-serif;
    font-size: var(--fs-base);
    font-weight: 400;
    color: var(--color-text-muted);
    line-height: 1.7;
    margin-top: 0;
    margin-bottom: 16px;
    overflow-wrap: anywhere;
}

li {
    color: var(--color-text-muted);
}

a {
    color: var(--color-text);
    text-decoration: none;
    transition: color var(--transition);
    overflow-wrap: anywhere;
}

a:hover:not(.btn) {
    color: var(--color-primary);
}

img, picture, svg {
    max-width: 100%;
    display: block;
}

button, input, textarea, select {
    font: inherit;
    color: inherit;
}