/* ===== Vazirmatn Variable Font ===== */
@font-face {
    font-family: 'Vazirmatn';
    src: url('/fonts/Vazirmatn-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ===== Root typography scale ===== */
:root {
    /* responsive base font */
    --font-base: clamp(14px, 0.9vw, 16px);
    /* heading scale */
    --h1: clamp(26px, 3vw, 34px);
    --h2: clamp(22px, 2.5vw, 28px);
    --h3: clamp(19px, 2vw, 24px);
    --h4: clamp(17px, 1.6vw, 20px);
    --a: clamp(17px, 1.6vw, 17px);
    /* readability */
    --line-normal: 1.9;
    --line-heading: 1.5;
}

/* ===== Global font ===== */
html {
    font-size: var(--font-base);
}

body {
    font-family: Vazirmatn, Tahoma, sans-serif;
    line-height: var(--line-normal);
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* ===== Headings ===== */
h1 {
    font-size: var(--h1);
    font-weight: 500;
    line-height: var(--line-heading);
}

h2 {
    font-size: var(--h2);
    font-weight: 450;
    line-height: var(--line-heading);
}

h3 {
    font-size: var(--h3);
    font-weight: 400;
    line-height: var(--line-heading);
}

h4 {
    font-size: var(--h4);
    font-weight: 400;
    line-height: var(--line-heading);
}

a {
    font-size: var(--a);
    font-weight: 400;
    line-height: var(--line-heading);
}
/* ===== Form elements ===== */
input,
button,
textarea,
select,
.form-control,
.btn {
    font-family: inherit;
    font-size: 0.95rem;
}

/* ===== Small text ===== */
small {
    font-size: 0.85rem;
}


@media (max-width: 480px) {

}