@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);
}

.resizable-none {
    resize: none;
}

@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;
}