:root{

    /* Colors */

    --primary:#1D4ED8;
    --primary-dark:#1E40AF;

    --secondary:#0F172A;

    --background:#081726;

    --surface:#112235;

    --surface-light:#183149;

    --text:#FFFFFF;

    --text-muted:#B6C2D0;

    --border:rgba(255,255,255,.08);

    /* Radius */

    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;

    /* Shadow */

    --shadow:0 15px 40px rgba(0,0,0,.15);

    /* Transition */

    --transition:.3s ease;

}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{

    scroll-behavior:smooth;

}

body{

    font-family:Vazirmatn,sans-serif;

    background:var(--background);

    color:var(--text);

    line-height:1.9;

}

img{

    max-width:100%;

    display:block;

}

a{

    color:inherit;

    text-decoration:none;

}

ul{

    list-style:none;

}
@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/Vazirmatn-Regular.woff2") format("woff2");
    font-weight: 400;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/Vazirmatn-Medium.woff2") format("woff2");
    font-weight: 500;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2");
    font-weight: 700;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/Vazirmatn-ExtraBold.woff2") format("woff2");
    font-weight: 800;
}

:root{

    --primary:#0F6CBD;
    --secondary:#15A3A3;
    --accent:#D4AF37;

    --bg:#F8FAFC;
    --surface:#FFFFFF;

    --text:#1E293B;
    --muted:#64748B;

    --radius:18px;

    --shadow:0 15px 40px rgba(0,0,0,.08);

    --container:1280px;

}