@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:wght@300..800&display=swap');

@theme {
    --color-background: #F8FAFC;
    --color-text-main: #0F172A;
    --font-sans: 'Figtree', sans-serif;
    --font-heading: 'Inter', sans-serif;
}

:root {
    --background-color: #F8FAFC;
    --text-color: #0F172A;
    --font-family: 'Figtree', sans-serif;
    --font-heading: 'Inter', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    background-color: var(--background-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    letter-spacing: -0.025em;
}

#content {
    display: flex;
    flex-direction: column;
    min-height: 80vh;
    justify-items: center;
    align-items: center;
}

/* Premium Animations */
@keyframes pulse-border {
  0% { opacity: 0; transform: scale(0.98); }
  50% { opacity: 0.6; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.98); }
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
}

.animate-delay-100 { animation-delay: 100ms; }
.animate-delay-200 { animation-delay: 200ms; }
.animate-delay-300 { animation-delay: 300ms; }
.animate-delay-400 { animation-delay: 400ms; }