/* Estilos Globais e Utilitários */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body {
    font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
.headline {
    font-family: 'Manrope', sans-serif;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
}

/* Custom Input Styles (Plinth Style) */
.plinth-input {
    background-color: theme('colors.surface-container-low');
    border: none;
    border-bottom: 2px solid theme('colors.surface-container-highest');
    transition: all 0.3s ease;
}

.plinth-input:focus {
    background-color: theme('colors.surface-container-lowest');
    border-bottom-color: theme('colors.primary');
    outline: none;
    box-shadow: none;
}

/* Animations */
@keyframes fadeInSlide {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-step {
    animation: fadeInSlide 0.5s ease-out forwards;
}

.max-w-1600 {
    max-width: 1600px;
}