@font-face {
    font-family: IRANYekan;
    src: url(../fonts/IRANYekanXVF.ttf) format("ttf"),
        url(../fonts/IRANYekanXVF.woff) format("woff"),
        url(../fonts/IRANYekanXVF.woff2) format("woff2");
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --font-family: IRANYekan, sans-serif;
    --color-text: #0c0c0c;
    --color-text-secondary: #3f4064;
    --color-text-muted: #62666d;
    --color-icon-low: #a1a3a8;
    --color-primary: #008a9f;
    --color-secondary: #f5f5f7;
    --color-accent: rgb(52 64 82);
    --color-accent-hover: rgba(52, 64, 82, 0.926);
    --border-color: #e0e0e2;
    --field-color: #f0f0f1;
    --color-bg: #fff;
    --color-white: #fff;
    --small-radius: 4px;
    --medium-radius: 8px;
    --container-width: 1330px;
    --font-size-medium: 0.75rem;
    --font-size-l : 0.9rem;
    --font-size-x: 1rem;
    --font-size-xl: 1.5rem;
    --font-size-xxl: 2rem;
    --font-size-xxxl: 2.5rem;
    --font-size-xxxxl: 3rem;
    --card-naqdi: #0087A5 ; 
    --card-sigma: #841E4A ; 
    --card-hoquq: #59BFD7 ; 
    --card-hedie: #c5c5c5 ; 
    --card-bon: #978B63 ; 
    --card-viza: #0090A8 ; 
    --card-etebary: #0187a5 ; 
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font-family);
}

body,
html {
    background-color: var(--color-bg);
    font-family: var(--font-family);
    direction: rtl;
    height: 100%;
    width: 100%;
    max-width: 100vw;
    line-height: 1.7;
}

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

img , video {
    display: block;
    width: 100%;
    height: auto;
}

li {
    list-style: none;
}