@import "tailwindcss";

@layer base {
    body {
        overflow-x: hidden;
    }
    /*input number*/
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    img {
        user-select: none;
    }
    /* Typography */
    @font-face {
        font-family: 'IRANYekan-Bold';
        src: url('../Assesst/Font/IRANYekanXFaNum-Bold.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'IRANYekan-Medium';
        src: url('../Assesst/Font/IRANYekanXFaNum-Medium.woff2') format('woff2');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'IRANYekan-Light';
        src: url('../Assesst/Font/IRANYekanXFaNum-Light.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
    }

    input, button, textarea {
        outline: none;
        : focus {
            outline: none;
        }
    }
}

@theme {
    /* dark */
    --color-Dark-8 : #141414;
    --color-Dark-10 : #1A1A1A;
    --color-Dark-13 : #222121;
    --color-Dark-15 : #262626;
    --color-Dark-20 : #333333;
    --color-Dark-30 : #4D4D4D;
    --color-Dark-40 : #666666;
    --color-Dark-50 : #808080;
    --color-Dark-55 : #98989A;
    --color-Dark-60 : #999999;

    --color-Purple-60 : #703BF7;
    --color-Purple-65 : #8254F8;
    --color-Purple-70 : #946CF9;
    --color-Purple-75 : #A685FA;
    --color-Purple-90 : #DBCEFD;
    --color-Purple-95 : #EDE7FE;
    --color-Purple-97 : #F4F0FE;
    --color-Purple-99 : #FBFAFF;
    --color-Black : #0C0C0C;
    --color-Error-1 : #C30000;
    --color-Error-2 : #ED2E2E;
    --color-Success : #1F4B43;
    --color-Success-1 : #00966D;
    --color-Success-2 : #00BA88;
    --color-Warning : #E7C873;
    --color-Warning-1 : #A9791C;
    --color-Warning-2 : #F4B740;

    --color-Primary : #254EF0;

    --font-IRANYekan-Bold : 'IRANYekan-Bold';
    --font-IRANYekan-Medium : 'IRANYekan-Medium';
    --font-IRANYekan-Light : 'IRANYekan-Light';

    /* spacing */
    --spacing-13: 3.25rem;
    --spacing-25: 6.25rem;
    --spacing-27: 6.75rem;
    --spacing-75: 18.75rem;
    --spacing-100: 25rem;
}

@layer utilities {
    .flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .border-b-normal {
        border-bottom : 2px solid rgba(229 231 235)
    }
    .custom-container {
        max-width: 2000px;
    }
    .hide-second :nth-child(2) {
        @apply hidden sm:block;
    }
    .s-blog-link-active {
        @apply relative text-[#0A97D4FF]
    }
    .s-blog-link-active:after, .s-blog-link-active:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height : 2px;
        background-color: rgb(10 151 212);
    }
    .s-blog-link-active:after {
        top : -14px;
    }
    .s-blog-link-active:before {
        bottom : -14px;
    }
    .about-step-box {
        @apply relative
    }
    .about-step-box::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        background-image: linear-gradient(-45deg, #703BF7 0% , #703BF7 36%);
        filter: blur(30px);
    }

    li::marker {
        @apply text-white;
    }
}