@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
}
/*colors lessen*/
.brightlab-green {
    background-color: #71c7a7;
}
.brightlab-orange {
    background-color: #fc8818;
}
.brightlab-yellow {
    background-color: #fedf44;
}
.brightlab-beige {
    background-color: #ffe8bf;
}
.brightlab-purple {
    background-color: #7067a8;
}
.brightlab-blue {
    background-color: #9bcdfd;
}


.brightlab-dark {
    background-color: #474163;
}


.hero-gradient {
    background: linear-gradient(135deg, #2d3e50 0%, #3e566e 100%);
}

.card-shadow {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}




:root {
    --primary-purple: #474163;
    --accent-blue: #00c8ff;
}



/* Custom Colors */
.bg-primary-purple {
    background-color: var(--primary-purple);
}

.text-primary-purple {
    color: var(--primary-purple);
}

.bg-accent-blue {
    background-color: var(--accent-blue);
}

.text-accent-blue {
    color: var(--accent-blue);
}

.bg-accent-pink {
    background-color: var(--accent-pink);
}

.text-accent-pink {
    color: var(--accent-pink);
}

.hero-gradient {
    background: linear-gradient(135deg, var(--primary-purple) 0%, #5d5681 100%);
}

.card-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

    .card-shadow:hover {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        transform: translateY(-4px);
    }

.filter-btn.active {
    background-color: var(--accent-blue);
    color: white;
    border-color: var(--accent-blue);
}

.link-hover:hover {
    color: var(--accent-pink);
}

/* Styled Select Customization */
select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
}