

@font-face {
    font-family: "iransansx-regular";
    src: url("../public/font/IRANSansXFaNum-Regular.ttf");
}

@font-face {
    font-family: "iransansx-bold";
    src: url("../public/font/IRANSansXFaNum-Bold.ttf");
}

@font-face {
    font-family: "morabba-bold";
    src: url("../public/font/Morabba-Bold.woff");
}

@font-face {
    font-family: "morabba-black";
    src: url("../public/font/Morabba-Black.woff");
}

@font-face {
    font-family: "morabba-heavy";
    src: url("../public/font/Morabba-heavy.woff");
}

:root {
    --color-primary: #063154;
    --color-secondary: #0fa1a1;
    --color-dark: #1e1e1e;
    --color-gray: #888888;
    --color-light-gray: #f1f2f6;
    --color-mid-gray: #dddddd;
    --color-dark-gray: #535353;
    --color-dark-orange: #ba704f;
    --color-light-green: #dff9ec;
    --color-dark-green: #105b2f;
    --color-error: #a91818;
    --color-light-error: #e33030;
    --color-light-blue: #1d7488;
    --rounded-lg: 30px;
    --rounded-md: 15px;
    --font-title: 38px;
}

body {
    font-family: "iransansx-regular";
    font-weight: normal;
    min-height: 100vh;
}

/* Font Helpers */
.sans-regular {
    font-family: "iransansx-regular";
}

.sans-bold {
    font-family: "iransansx-bold";
}

.morabba-bold {
    font-family: "morabba-bold";
}

.morabba-black {
    font-family: "morabba-black";
}

.morabba-heavy {
    font-family: "morabba-heavy";
}

.font-title {
    font-size: var(--font-title);
}

.color-light-error {
    color: var(--color-light-error);
}

/* Text Colors */
.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary);
}

.color-dark {
    color: var(--color-dark);
}

.color-gray {
    color: var(--color-gray);
}

.color-light-gray {
    color: var(--color-light-gray);
}

.color-dark-gray {
    color: var(--color-dark-gray);
}

.color-dark-orange {
    color: var(--color-dark-orange);
}

.color-light-blue {
    color: var(--color-light-blue);
}

/* Backgrounds */
.background-light-blue {
    background: var(--color-light-blue);
}

.background-primary {
    background: var(--color-primary);
}

.background-secondary {
    background: var(--color-secondary);
}

.background-dark {
    background: var(--color-dark);
}

.background-gray {
    background: var(--color-gray);
}

.background-light-gray {
    background: var(--color-light-gray);
}

.background-mid-gray {
    background: var(--color-mid-gray);
}

.background-dark-gray {
    background: var(--color-dark-gray);
}

.background-dark-orange {
    background: var(--color-dark-orange);
}

.background-light-green {
    background: var(--color-light-green);
}

.color-dark-green {
    color: var(--color-dark-green);
}

.background-error {
    background: var(--color-error);
}

/* Radius Utilities */
.radius-lg {
    border-radius: var(--rounded-lg);
}

.radius-md {
    border-radius: var(--rounded-md);
}

.btn {
    font-weight: normal;
    border-radius: var(--rounded-md);
    box-shadow: none;
}

.btn {
    transition: all 0.3s ease;
}

    .btn:hover {
        transform: translateY(-2px);
        opacity: 0.9;
    }
/* .swiper-scrollbar {
  display: none;
} */
a {
    transition: all 0.3s ease;
}

    a:hover {
        transform: translateY(-2px);
        opacity: 0.9;
    }

@media (min-width: 640px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
