@import "tailwindcss";

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter/Inter.ttf');
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat/Montserrat.ttf') format('truetype');
}

.glassmorphism {
    border-radius: 15px;
    border: 2px solid rgba(239, 239, 239, 0.60);
    background: linear-gradient(93deg, rgba(239, 239, 239, 0.06) 0%, rgba(239, 239, 239, 0.01) 100%);
    backdrop-filter: blur(27.5px);
}

.glassmorphism-rounded-sm {
    border-radius: 5px;
    border: 1px solid rgba(239, 239, 239, 0.60);
    background: linear-gradient(93deg, rgba(239, 239, 239, 0.06) 0%, rgba(239, 239, 239, 0.01) 100%);
    backdrop-filter: blur(27.5px);
}

.glassmorphism-rounded-md {
    border-radius: 10px;
    border: 1px solid rgba(239, 239, 239, 0.60);
    background: linear-gradient(93deg, rgba(239, 239, 239, 0.06) 0%, rgba(239, 239, 239, 0.01) 100%);
    backdrop-filter: blur(27.5px);
}

.glassmorphism-rounded-full {
    border-radius: 50%;
    border: 2px solid rgba(239, 239, 239, 0.60);
    background: linear-gradient(93deg, rgba(239, 239, 239, 0.06) 0%, rgba(239, 239, 239, 0.01) 100%);
    backdrop-filter: blur(27.5px);
}

.glassmorphism-top-round {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid rgba(239, 239, 239, 0.60);
    background: linear-gradient(93deg, rgba(239, 239, 239, 0.06) 0%, rgba(239, 239, 239, 0.01) 100%);
    backdrop-filter: blur(27.5px);
}

.glassmorphism-bottom-round {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid rgba(239, 239, 239, 0.60);
    background: linear-gradient(93deg, rgba(239, 239, 239, 0.06) 0%, rgba(239, 239, 239, 0.01) 100%);
    backdrop-filter: blur(27.5px);
}

.resizable-none {
    resize: none;
}

.glassmorphism-red {
    border-radius: 15px;
    border: 1px solid rgba(239, 239, 239, 0.60);
    background: linear-gradient(93deg, rgba(226, 107, 107, 0.40) 0%, rgba(226, 107, 107, 0.15) 100%);
    backdrop-filter: blur(27.5px);
}

.glassmorphism-green {
    border-radius: 15px;
    border: 1px solid rgba(239, 239, 239, 0.60);
    background: linear-gradient(93deg, rgba(127, 226, 107, 0.40) 0%, rgba(127, 226, 107, 0.15) 100%);
    backdrop-filter: blur(27.5px);
}

@theme {
    /* Fonts */
    --font-inter: 'Inter', sans-serif;
    --font-montserrat: 'Montserrat', sans-serif;

    /* Colors */
    --color-left-gradient: #010021;
    --color-right-gradient: #1B007C;
    --color-primary: #1B007C;

    /* Backgrounds */
    --color-glass: linear-gradient(93deg, rgba(239, 239, 239, 0.06) 0%, rgba(239, 239, 239, 0.01) 100%);

    /* Effects */
    --blur-glass: 27.5px;

    /* Borders */
    --color-glass-full: 1px solid #EFEFEF;
}