:root{
    --color-bg-primary:#0e1621;
    --color-bg-secondary:#17212b;
    --color-bg-tertiary:#242f3d;
    --color-bg-hover:rgba(255,255,255,0.05);
    --color-text-primary:#ffffff;
    --color-text-secondary:#708499;
    --color-text-tertiary:#9ca3af;
    --color-border:rgba(255,255,255,0.08);
    --color-accent:#3390ec;
    --color-accent-hover:#2481cc;
    --color-success:#22c55e;
    --color-error:#f97373;
    --color-warning:#fbbf24;
    --spacing-xs:4px;
    --spacing-sm:8px;
    --spacing-md:12px;
    --spacing-lg:16px;
    --spacing-xl:20px;
    --spacing-2xl:24px;
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:20px;
    --radius-full:999px;
    --font-family:"IRANYekan",Tahoma,"Segoe UI",sans-serif;
    --transition-fast:0.1s;
    --transition-base:0.15s;
    --transition-slow:0.3s;
    --vh:1vh;
}

@font-face{
    font-family:"IRANYekan";
    src:url("../fonts/Woff2/IRANYekanXFaNum-Regular.woff2") format("woff2");
    font-weight:400;
    font-display:swap;
}
@font-face{
    font-family:"IRANYekan";
    src:url("../fonts/Woff2/IRANYekanXFaNum-Bold.woff2") format("woff2");
    font-weight:700;
    font-display:swap;
}
@font-face{
    font-family:"IRANYekan";
    src:url("../fonts/Woff2/IRANYekanXFaNum-Medium.woff2") format("woff2");
    font-weight:500;
    font-display:swap;
}

*{box-sizing:border-box;margin:0;padding:0}
body,html{
    font-family:var(--font-family);
}
*,*::before,*::after{
    font-family:inherit;
}
input,textarea,select,button{
    font-family:var(--font-family);
}