/* Base Tailwind-like utility classes */

/* Font */
.font-sans {
    font-family: 'Figtree', sans-serif;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.text-gray-900 {
    color: #1a202c;
}

/* Layout */
.min-h-screen {
    min-height: 100vh;
}

.bg-gray-100 {
    background-color: #f7fafc;
}

/* Spacing */
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Shadows */
.shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

/* Background */
.bg-white {
    background-color: #ffffff;
}

/* Max width utilities */
.max-w-7xl {
    max-width: 80rem;
}

/* Responsive utilities */
@media (min-width: 640px) {
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* Custom styles for your application */
/* Add your custom styles here */