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

body {
    font-family: "Inter", sans-serif;
    -webkit-tap-highlight-color: transparent;
}
.app-container {
    max-width: 480px;
}

.debt-card {
    transition: transform 0.2s, box-shadow 0.2s;
}
.debt-card:active {
    transform: scale(0.98);
}

.animate-in {
    animation: slideIn 0.3s ease-out forwards;
}
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dark input::placeholder {
    color: #9ca3af;
}
.cpf-input {
    font-size: 16px;
}

.error-shake {
    animation: shake 0.4s ease-in-out;
}
@keyframes shake {
    0%,
    100% {
        transform: translateX(0);
    }
    20%,
    60% {
        transform: translateX(-5px);
    }
    40%,
    80% {
        transform: translateX(5px);
    }
}

/* Toasts */
.toast {
    animation: fadeIn 0.2s ease-out;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}