@font-face {
    font-family: 'SlimiQ Persian';
    src: url('/fonts/slimiq/Vazirmatn-Variable.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --font-sans:
        'SlimiQ Persian',
        'Segoe UI',
        Tahoma,
        Arial,
        sans-serif;

    --font-display:
        'SlimiQ Persian',
        'Segoe UI',
        Tahoma,
        Arial,
        sans-serif;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;

    --leading-tight: 1.45;
    --leading-normal: 1.8;
    --leading-relaxed: 1.95;
}

html,
body,
button,
input,
textarea,
select {
    font-family: var(--font-sans);
}

body {
    font-weight: var(--font-weight-regular);
    line-height: var(--leading-normal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-display);
    font-weight: var(--font-weight-extrabold);
    line-height: var(--leading-tight);
}

button,
.btn {
    font-weight: var(--font-weight-bold);
}

input,
textarea,
select {
    font-weight: var(--font-weight-regular);
}