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

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

/* ==========================
   Anjoman Font Faces
========================== */
/*
@font-face {
    font-family: "Anjoman";
    src: url("/static/website/fonts/Anjoman-ExtraLight.ttf") format("truetype");
    font-weight: 300;
    font-display: swap;
}
*/


@font-face {
    font-family: "Anjoman";
    src: url("/static/website/fonts/Anjoman-Medium.woff2") format("woff2");
    font-weight: 500;
    font-display: swap;
}



@font-face {
    font-family: "Anjoman";
    src: url("/static/website/fonts/Anjoman-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-display: swap;
}


/*
@font-face {
    font-family: "Anjoman";
    src: url("/static/website/fonts/Anjoman-UltraBold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
}
*/

/*
@font-face {
    font-family: "Anjoman";
    src: url("/static/website/fonts/Anjoman-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-display: swap;
}
*/

@font-face {
    font-family: "Anjoman";
    src: url("/static/website/fonts/Anjoman-Black.woff2") format("woff2");
    font-weight: 900;
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;

    font-family: "Anjoman", sans-serif;
    font-weight: 500;

    color: var(--maya-black);
    background: var(--maya-white);
    line-height: 1.9;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;

    font-family: "Anjoman", sans-serif;
    font-weight: 900;
    line-height: 1.2;
}

h1 {
    font-size: clamp(2.8rem, 5vw, 5.5rem);
}

h2 {
    font-size: clamp(2rem, 4vw, 3.5rem);
}

h3 {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
}

p {
    margin: 0;
    font-family: "Anjoman", sans-serif;
    font-weight: 500;
    font-size: 1rem;
}

a,
button,
input,
textarea,
select {
    font-family: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

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

/* محتوای انگلیسی */

:lang(en),
.font-en {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

h1:lang(en),
h2:lang(en),
h3:lang(en),
.font-en-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}